实战练习：html+css

1.网站favicon图标

①制作favicon图标

②https://www.bitbug.net/ 制作.ico类型图标，放根目录

③用到的页面进行引入<link rel="shortcut icon" href="favicon.ico" />

 

超出部分隐藏、一行显示、省略号结尾

 

四个li，前三个有after伪元素

 

设置好图片的大小，可以实现无论li里放多大的img，都会给强制拉伸，不会影响布局了

 

c3加边框不影响盒子大小。所以首次给盒子设置边框，内容大小会变。

实现：鼠标放上去，盒子显示红色边框。

解决：在没放上去的时候，就设置了无色边框。放上去只是改变了一下边框颜色。

 4的倍数的li，都是处于盒子最右侧，无需设置右边距。语法：.sk_bd ul li:nth-child(4n)

 

设置行内块图片与文字居中vertical-align:middle;