5.7.使用浮动做导航条和伪类选择器 - 淘宝店铺装修完全自学教程 - 笔记中心 - 第｛

淘宝店铺装修完全自学教程

5.7.使用浮动做导航条和伪类选择器

本节简介：

使用伪类选择器、项目列表、超链接标签、浮动布局等知识制作淘宝店铺导航栏效果

分享到：

本节课同学们做的笔记点击播放按钮可自动定位到对应时间进行播放

奋斗的蜗牛qxw

时间：14:29

如何上下垂直居中显示首选body下面创建 <p>...</p>标签段落

顶(0)

奋斗的蜗牛qxw

时间：14:07

文字像素一般设置14像素： font-size:14px;

顶(0)

奋斗的蜗牛qxw

时间：12:20

文字居中显示 text-align:center;

顶(0)

奋斗的蜗牛qxw

时间：05:42

居中显示 margin：0 auto；

顶(0)

奋斗的蜗牛qxw

时间：05:07

ul 导航内容

顶(0)

奋斗的蜗牛qxw

时间：02:35

nav 导航条

顶(0)

薇薇威威威威

时间：24:09

hover表示鼠标移入时的状态

顶(0)

薇薇威威威威

时间：24:02

行高和父集的高度一样就可以了，这样就垂直居中了

顶(0)

蒋冬

时间：05:09

width:宽度－height:高度－solid:颜色－ul{ list-style:none;}清楚小点－a{ text-decoration:none;}清楚下划线

顶(0)

新蛤社

时间：09:11

导航栏的做法

顶(0)

花遍天下

时间：27:31

行高让元素垂直居中

顶(0)

花遍天下

时间：22:15

行高设置为em比较好

顶(0)

小阿四的鱼丸粗面

时间：08:36

hover鼠标移动改变

顶(0)

小阿四的鱼丸粗面

时间：08:06

list-style:none 去掉无序

顶(0)

聼風

时间：27:56

hover：鼠标移入时~颜韵笔记时间： 20:23 font-size：字体大小~line-height：行高~ul{ list-style：none ；} ：无序列表样式，无点，~nav li a{display:block},把a转换成块级元素。text-decoration,线的修饰，即文本的下划线，值为none,即没有 ul为无序列表，list-style:no,去除前面的小点。list-style:none,去掉分类的样式前的小点，a{text-decaration:none}去掉所有a标

顶(1)

颜韵

时间：24:31

hover：鼠标移入时

顶(0)

颜韵

时间：20:23

font-size：字体大小

顶(0)

颜韵

时间：20:09

line-height：行高

顶(0)

颜韵

时间：07:57

ul{ list-style：none ；} ：无序列表样式，无点，

顶(0)

viviwelen

时间：10:37

nav li a{display:block},把a转换成块级元素。

顶(0)

本节笔记已有 88 条第2页/共5页首页上页 123 4 5 下页尾页