CSS样式表
•HTML标签的外观样式比较单一
–颜色只有黑白
–字体类型和大小无变化
•样式表的作用相当于华丽的衣服
字体
font-family:用于设置字体类型;
font-size:用于设置字体大小,一般用px表示;
font-style:用于设置字体样式:Normal:正常,italic:斜体;oblique:正常文字倾斜;
text-decoration:underline:下划线;overline:上划线;line-through:中划线;none:无;
font-weight:设置字体的粗细。
color:(1)使用#RRGGBB 或 内定颜色:red,yellow;
背景颜色:
方法一:background-color:设置背景色;
方法二:background:设置背景色;
背景图片:
方法一: background-image:设置背景图象;
background-repeat:背景是否重复,
repeat:水平方向和垂直方向重复
repeat-x:水平方向重复
repeat-y:垂直方向重复
no-repeat:水平方向和垂直方向都不重复
方法二:background:设置背景图象 repeat-x/repeat-y/no-repeat;
文本
text-align:设置文本的对齐方式
left:左对齐
right:右对齐
center:居中
text-indent:设置文本的第一行的缩进,负值文本向外拉
边框
上下左右线条不同:
border-top:上边框的像素值 线的类型 线的颜色;
border-bottom:下边框的像素值 线的类型 线的颜色;
border-left:左边框的像素值 线的类型 线的颜色;
border-right:右边框的像素值 线的类型 线的颜色;
上下左右线条相同:
border:上下左右边框的像素值 线的类型 线的颜色;
边框类型:
dotted(点线) dashed(虚线) solid(实线) double(双线)
边框