本节简介:使用伪类选择器、项目列表、超链接标签、浮动布局等知识制作淘宝店铺导航栏效果
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
text-decoration,线的修饰,即文本的下划线,值为none,即没有。
ul为无序列表,list-style:no,去除前面的小点。
list-style:none,去掉分类的样式前的小点,a{text-decaration:none}去掉所有a标签下划线的代码。
导航条nav,分类ul,再分类li,再有一个链接a
*{padding:0;margin:0;},清除外边距和内边距
2em:两倍; 行高是以中心为准,上下各半;ul:列表,去点。下划线去掉;li: 默认纵向排列;hover:鼠标移入状态
list-style:none;清除小点。 伪类选择器 Hover
list-style:none;清除小点。 伪类选择器 Hover
hover鼠标移入就会有颜色变动 line是行的意思,line-height 行高 行高一般都是以2倍的方式显示的,line-height:2em; nav ul li{flost:left;}做浮动元素
line是行的意思,line-height 行高 行高一般都是以2倍的方式显示的,line-height:2em;
nav ul li{flost:left;}做浮动元素
清楚小点用: list-style:none 清除下划线: test-decoration:none