CSS 全解析实战(三)-CSS 基础
2018-07-10 本文已影响27人
紫霞等了至尊宝五百年
1 选择器(1)
-
基本规则
;是分隔符,而不是语句结束符
-
选择器
浏览器是从右往左解析的,继续向左解析只是验证,如此一来,性能极大提高
-
选择器的分类
-
选择器权重
-
非布局样式-字体
-
非布局样式-行高
背景
![](https://img.haomeiwen.com/i4685968/9594faf959d9e9e1.png)
非布局样式(边框)
![](https://img.haomeiwen.com/i4685968/988149945356930a.png)
非布局样式(滚动)
内容超出容器大小
![](https://img.haomeiwen.com/i4685968/6190f002311bd04a.png)
![](https://img.haomeiwen.com/i4685968/7d038eb93c842806.png)
非布局样式(文本折行)
![](https://img.haomeiwen.com/i4685968/ebf8b933967821fb.png)
![](https://img.haomeiwen.com/i4685968/0dcf5ceaba9a6068.png)
![](https://img.haomeiwen.com/i4685968/e0b8579ae187fc01.png)
- 单词空格换行
-
把单词尽量当一个整体
-
不把单词当一个整体,打断所有
-
就不换行!
-
非布局样式(装饰性属性)
![](https://img.haomeiwen.com/i4685968/120772e68a7d3743.png)
hack和案例(1)
![](https://img.haomeiwen.com/i4685968/3921d48c408c32ec.png)
![](https://img.haomeiwen.com/i4685968/b091ca499c4e7f14.png)
hack和案例(2)
![](https://img.haomeiwen.com/i4685968/ad82e97561c598a9.png)
![](https://img.haomeiwen.com/i4685968/ed6bb35d5ae8acc5.png)
面试题
![](https://img.haomeiwen.com/i4685968/896a8cce514fe78b.png)
![](https://img.haomeiwen.com/i4685968/e0ad7f4bee5457a2.png)
![](https://img.haomeiwen.com/i4685968/f995fbb855158ea0.png)
![](https://img.haomeiwen.com/i4685968/4bd40cb7d915c8d3.png)
![](https://img.haomeiwen.com/i4685968/ab3873d36078c8ce.png)
![](https://img.haomeiwen.com/i4685968/6dfd1d9896414d0a.png)