2: 背景
背景包括背景颜色、背景图像、以及背景图像的控制
Background-color: 设置背景色,transparent表示透明的背景色
Background-image:设置元素的背景图像
Background-repeat:确定背景图像是否以及如何重复
这个属性的取值no-repeat:表示背景图像只在元素的显示区域中出现一遍
Repeat:在水平和垂直方向上垂直。Repeat-x和Repeat-y分别在水平或者垂直方向上重复
Background-attachment:确定背景图像是否跟随内容滚动,
设置为fixed时,表示固定背景图像,为scroll时,表示图像跟随内容的移动而移动。
Background-position: 指定背景图像的水平位置和垂直位置。水平位置的取值可以是left、center、right。也可以是数值。
垂直的取值可以是top、center、bottom。也可以是数值。
3: 文本
文本的属性包括:文字间距、对齐方式、上标、下标、排列方式、首行缩进。
Word-spacing: 设置单词之间的间距
Letter-spacing: 设置字符之间的间距
Text-align: 设置文本的水平对齐方式,取值可以是left、right、center、justfy
Text-indent: 设置第一行文本的缩进值 eg:首行缩进2字体 Text-indent:2em;
Line-height: 设置文本所在行的行高
文档流 :div+css布局 使用 position / float / clear
4: 位置
位置属性就是制定元素的位置。
Position:设置对象的定位方式。有三种取值:absolute(绝对定位)、relative(相对定位)和static(无特殊定位)默认为static。
Left:设置元素左边的水平位置
Top:设置元素顶部的垂直位置
Width:设置元素显示的宽度
Height:设置元素显示的高度
Z-index:使用定位后
5: 边缘
Margin类用于设置元素的边界与其他元素的空隙大小
Margin-top:设置元素的上边界和与其他元素之间的空隙大小
Margin-right:设置元素的右边界与其他元素之间的空隙大小
Margin-bottom:设置元素的下边界与其他元素之间的空隙大小
Margin-left:设置元素的左边界与其他元素之间的空隙大小
Margin:用作上面4个属性的略写
Padding类属性用于设置元素边界与内部内容之间的空隙大小
Padding-top: 设置元素的上边界与内部内容之间的空隙大小
Padding-right:设置元素的右边界于内部内容之间的空隙大小
Padding-bottom:设置元素的下边界与内容之间的空隙大小
Padding-left:设置元素的左边界与内部内容之间的空隙大小
Padding:用作上面4个属性的略写
Width类属性用于设置元素边框的宽度
可以使用thin(细)、medium(中)、thick(粗)三个值中的一个
Border-top-width:指定元素上边框的宽度
Border-right-width:用于指定元素右边框的宽度
Border-left-width:用于指定元素左边框的宽度
Border-bottom-width:用于指定元素下边框的宽度
Border-width:用作对上面四个属性的略写
Color属性用于设置元素边框的颜色
Border-top-color:
Border-left-color:
Border-bottom-color:
Border-right-color:
Border-color: 用于上面四个属性的略写
Style类属性用于设置元素边框的样式
可以使之为none、dotted(点线)、dashed(虚线)、solid(实现)、double(双线)、groove(凹槽)、ridge(凸槽)、inset(凹边)、outset(凸边)。
布局:
Display:inline|block|none
查看更多关于CSS(CascadingStyleShee)_html/css_WEB-ITnose的详细内容...