1、字体样式
font-family:设置字体类型
font-size:设置字体大小
字体风格属性:font-style常用属性值:
1.普通字体:normal 默认
2.斜体样式:italic
3.倾斜体样式:oblique
字体加粗属性为:font-weight 常用取值:
1.normal:默认值,定义标准的字体。
2.bold:粗体字体
3.bolder:更粗的字体。
4.lighter:更细的字体。
5.100、200、300、400、500、600、700、800、900:定义由细到粗的字体。
(400等同于normal,700等同于bold)
2、文本样式
1.text-align:设置文本水平对齐方式,常用值:
left right cente*r
2.line-height:设置文本行高属性
3.text-indent:设置文本首行缩进
4.text-decoration:设置文本装饰
常用属性:none 默认值:标准 (常用在超链接设置,超链接默认属性是text-decoration:underline)
underline:设置文本下划线
overline:设置文本上划线
line-through:设置文本删除线
3、链接样式
顺序:爱恨原则 LoVe HAte
注意:不要给一个超链接过多加伪类
/*未访问前样式*/
a:link{
color: black;
text-decoration: none;
}
/*已经访问的超链接样式*/
a:visited{
color: blue;
}
/*鼠标移动到链接的样式*/
a:hover{
color: red;
}
/*点击未释放*/
a:active{
color: blueviolet;
}
4、背景颜色
1.background-color:设置背景颜色
2.background-image: url(图片路径); 设置背景图片
3.background-repeat: no-repeat;取消背景图片平铺
(background: url(…/image/1.jpg) no-repeat;//可以进行简写,顺序无所谓)
5、列表样式
1.list-style-type:列表样式
常用值:none 无标记符号
disc 实心圆,默认类型
circle:空心圆
square:实心正方形
decimal:数字
2.list-style-image: url(图标地址)—用图片代替标记符号
6、边框
顺序:边框宽度>边框样式>边框颜色
border-width: 边框宽度;
border-color: 颜色;
border-style: 线的样式;
border-style的常用值:
dotted:点状边框
dashed:虚线
solid:实线
double:双线
7、表格
只写几个常用的样式:
1.border-collapse: collapse;合并表格边框
2.width: 600px;设置宽度
3.text-align: center;设置内容居中