本节简介:本节课主要通过一个导航条的案例来学习伪劣选择器,教大家掌握伪劣选择器的作用以及在网页中的应用。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
格式:后代选择器:.父级选择器(空格)子级选择器{ 属性 };伪类选择器:.类选择器(冒号)状态{ 属性 }
代码简写margin:0;也可 左右居中,左右都加auto
宽度百分百的时候,左右还有间隔,可以页面属性外观css,把左右边距设为0
伪类选择器 格式在选择器中如.box:link,背景器选择颜色 box:active(这些有先后关系)
链接去掉下划线text-decoration(装饰):none
如果4个都存在时,a;hover要移动到已访问过的(visited)下面,hover才显示 顺序,初始 访问过 悬停 活动按下
伪类选择器 a;link(链接的颜色 a:hover鼠标悬停效果 a:visited访问过的效果 a;active (活动链接,按下去的颜色)
link visited hover active
伪类选择器生效顺序 link visited hover active
顺序不变 选择器-.类名:选择鼠标状态可设置鼠标过点放的状态
伪类选择器 a:link{初始属性} a:visited{访问过属性} a:hover{鼠标移入属性} a:active{鼠标按下属性}
状态属性要有顺序之分, link=》visited=》hover=》active
link默认,visite已经访问过,hover鼠标经过,active按下去