字体设置
各种字体之间必须使用英文状态下的逗号隔开。
现在网页中普遍使用14px+
中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之前。
如果字体名中包含空格、#、$等符号,则该字体必须加英文状态下的单引号或双引号,例如font-fanily:'Times new Roman';
尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示
尽量不用中文,有兼容问题,最好用对应的英文或者unicode编码。
字体粗细
span {
font-weight:400;
}
tips:数字400 => normal(不加粗) ,而700 => bold(加粗),推荐使用数字
font 综合设置
span {
font: font-style font-weight font-size/line-height font-family
}
tips: 要写全要按以上顺序书写,可省略,但必须保留font-size和font-family,否则font属性不起作用
选择器
:link 未访问的链接
:visited 已访问的链接我们已经点击过一次的状态
:hover 鼠标移动到链接上
:active 选定的链接 当我们点击别松开鼠标显示的状态
结构伪类选择器
:first-child 选取属于父元素的首个子元素的指定选择器。
:last-child 选择属于其父元素的最后一个子元素的指定选择器
:nth-child(n) 匹配属于其父元素的第N个子元素,不论元素的类型 even 偶数 odd 奇数,如果用公式n从0开始 (从上往下数)
:nth-last-child(n) 选择器匹配属于其元素的第N个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数,n 可以是数字、关键词或公式(从下往上数)
:target
目标伪类选择器:选择器可用于选取当前活动的目标元素
tips:link visited hover active 顺序不要改变,按照lvha的顺序。可简单写,只写一个hover。