CSS主要用于美化
1、行内式(内联样式)
<标签名 style ="属性1:属性值1;属性2:属性值2;属性3:属性值3;">
</标签名>
2、外部样式(外链式)
将所有样式放在一个或多个以.css为扩展名的外部样式表文件中,通过link标签将外部样式表文件链接到html文档中。
<head>
<link href="css文档的路径" type="text/css" rel="stylesheet"/ >
</head>
3、内部样式表(写在html文档的head头部标签中)
<head>
<style type="text/css">
选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
</style>
</head>
注:style标签一般位于head标签中title标签之后
CSS的字体样式属性
font-size 字号大小 单位:px(像素)
font-family 字体
font-weight 字体粗细
font-style 字体风格 (italic斜体 等)
text-align 水平对齐方式
text-indent 首行缩进
line-height 行间距
CSS的三大特性
(层叠性、继承性、特殊性)
继承性:权重是0
子元素可以继承父元素的样式(text- ,font- ,line- )这些元素开头的都可以继承,包括color属性
特殊性:指的是它的优先级
类选择器权重高于标签选择器
!important > 行内样式 > ID > 类、伪类 > 标签 > *
权重依次是 无穷 1000 0100 0010 0001 0000
权重相同,就近原则;
权重会叠加,但不会进位