CSS的推薦工具
- LESS CSS
一種簡化、功能更多的 CSS 語言 - SASS
一種簡化、功能更多的 CSS 語言（請(qǐng)自行搜索中英文官網(wǎng)） - PostCSS
一種 CSS 處理程序
CSS 學(xué)習(xí)資源
- Google: 關(guān)鍵詞 MDN
- CSS Tricks
- Google: 阮一峰 css
- 張鑫旭的 240 多篇 CSS 博客
- Codrops 炫酷 CSS 效果
- CSS揭秘
- CSS 2.1 中文 spec
- Magic of CSS 免費(fèi)在線書
引入css樣式的四種方式：
- 內(nèi)聯(lián)樣式（style屬性）
- style 標(biāo)簽
- 外部文件 （CSS link）
- @import url(xxx.css)
高度是由什么決定的
內(nèi)聯(lián)元素：字體的建議行高來決定。
塊級(jí)元素：由其內(nèi)部文檔流元素的高度總和決定的。
文檔流
文檔內(nèi)元素的流動(dòng)方向。
內(nèi)聯(lián)元素流動(dòng)，從左往右。
塊級(jí)元素流動(dòng)，從上往下。
position
position:fixed 脫離文檔流，相對(duì)窗口定位。
position:absolute 脫離文檔流，相對(duì)于祖先元素中第一個(gè)relative定位。
CSS三角形
主要技巧：
- div的寬度設(shè)置為0
- 給不需要的border設(shè)置透明色
- 可以通過設(shè)置不同位置border的寬度，來改變?nèi)切蔚男螤睢?br> 示例：
div{
border:100px solid transparent;
width:0px;
border-left-color:red;
border-top-width:0px;
}
