前端大牛养成之路

css第五节(4)

2017-03-06  本文已影响11人  下页luck

1、滑动门技术

随着内容的变化,背景图片的大小随之变化

(1)切图 左图+中图平铺+右图

(2)切图 左图+右图

2、消除行内块inline-block中的空隙

(1)font-size:0;法

(2)使用html注释消除空格<! - -

-->

(3)可以使用float

(4)使用margin赋值法,不建议使用

(5)字符间距和单词间距变成负数 :letter-space和word-space调整

div{letter-space:-5px}

3、css圆角的处理

div 四个角做内切圆

宽高都是100px,圆角半径为50px 去掉边框后就是一个圆

4、表格边框的补充

border-collapse:collapse;表格边框和td边框合并

5、css选择器解析顺序和规范

css解析顺序:从最右选择器进行筛选,然后依次向左进行过滤

#aside div.tit{ color:red;}

选择器层级嵌套一般不要超过3层

(1)id选择器

(2)类选择器

(3)标签选择器

上一篇 下一篇

猜你喜欢

热点阅读