1-9 Css常用样式属性

《Discuz教育门户网站模板制作全套视频教程》

第一章 HTML+DIV+CSS基础知识

主讲老师：朱朝兵  QQ：537060756

1-9 Css常用样式属性

视频教程

高清版下载

http://pan.baidu.com/s/1eQrDSNg

视频教程截图

1、Css背景样式属性background

Background：可以修改页面的背景颜色和页面上各个元素的背景颜色。

background-color：指定背景颜色

值：RGB、十六进制颜色、颜色英文名称

background-image：指定背景图片

值：url(图片地址);

background-repeat：指定填充方式

值：

    repeat-x：背景图像在横向上平铺

    repeat-y：背景图像在纵向上平铺

    repeat：背景图像在横向和纵向平铺

    no-repeat：背景图像不平铺

    round：背景图像自动缩放直到适应且填充满整个容器。（CSS3）

    space：背景图像以相同的间距平铺且填充满整个容器或某个方向。（CSS3）

background-attachment：指定对象随内容滚动还是固定

值：

    fixed：背景图像相对于窗体固定。

    Scroll（默认值）：背景图像相对于元素固定，也就是说当元素内容滚动时背景图像不会跟着滚动，因为背景图像总是要跟着元素本身。但会随元素的祖先元素或窗体一起滚动。

    local：背景图像相对于元素内容固定，也就是说当元素随元素滚动时背景图像也会跟着滚动，因为背景图像总是要跟着内容。（CSS3）

background-position：背景图像位置

允许提供2个参数，如果提供全部2个参数，第1个用于横向，第二个用于纵向。如果只提供1个参数，则用于横向和纵向。

Background：混合用法

用法：background:颜色 url(图片地址) 填充方式 对象随内容滚动还是固定 背景图像位置;}

2、Css边距样式属性margin

margin：填充能让你在元素周围（边框外部）增加空间（外补白）。

 值：margin：值（单位）

    如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。

   如果只提供一个，将用于全部的四边。

   如果提供两个，第一个用于上、下，第二个用于左、右。

   如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。

 也可用单独的padding属性：

 margin-top填充上边、margin-bottom填充下边，margin-left填充左边，margin-right填充右边。

3、Css填充样式属性（padding）

Padding：填充能让你在元素周围（边框内部）增加空间（内补白）。

 值：padding：值（单位）

    如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。

   如果只提供一个，将用于全部的四边。

   如果提供两个，第一个用于上、下，第二个用于左、右。

   如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。

 也可用单独的padding属性：

 Padding-top填充上边、padding-bottom填充下边，padding-left填充左边，padding-right填充右边。

4、Css布局浮动样式属性

Float：设置浮动方式

值：left（左浮动），right（右浮动），none（不浮动）

Clear：设置不允许有浮动的边

    值：none：（允许两边都可以有浮动对象），both：（不允许有浮动对象）， left：(不允许左边有浮动对象)，right：(不允许右边有浮动对象)

5、Css文本和字体的样式属性

Color：

用法：控制文本的颜色

值：color

Direction

    用法：设置文本的方向从左到右还是总右到左

    值：ltr、rtl （默认ltr从左到右）

Font

    用法：能让你在一个地方设置所有的属性

    值：font-style 、font-variant、 font-weight、font-size 、line-height 、font-family  

Font-family

    用法：

：字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格或中文，则应使用引号括起
：字体序列名称。

    值：family-name、generic-family

Font-size

    用法：设置字体大小

    值：length、%（用长度和百分比设置长度不允许负值）

Font-weight

    用法：设置字体的粗细

    值：normal、bold、 bolder、 lighter 、100、200 ... 800、900