CSS基础知识

CSS的推荐工具

• LESS CSS
  一种简化、功能更多的 CSS 语言
• SASS
  一种简化、功能更多的 CSS 语言（请自行搜索中英文官网）
• PostCSS
  一种 CSS 处理程序

CSS 学习资源

1. Google: 关键词 MDN
2. CSS Tricks
3. Google: 阮一峰 css
4. 张鑫旭的 240 多篇 CSS 博客
5. Codrops 炫酷 CSS 效果
6. CSS揭秘
7. CSS 2.1 中文 spec
8. Magic of CSS 免费在线书

引入css样式的四种方式：

1. 内联样式（style属性）
2. style 标签
3. 外部文件 （CSS link）
4. @import url(xxx.css)

高度是由什么决定的

内联元素：字体的建议行高来决定。
块级元素：由其内部文档流元素的高度总和决定的。

文档流

文档内元素的流动方向。
内联元素流动，从左往右。
块级元素流动，从上往下。

position

position:fixed 脱离文档流，相对窗口定位。
position:absolute 脱离文档流，相对于祖先元素中第一个relative定位。

CSS三角形

主要技巧：

1. div的宽度设置为0
2. 给不需要的border设置透明色
3. 可以通过设置不同位置border的宽度，来改变三角形的形状。
   示例：

div{
  border:100px solid transparent;
  width:0px;
  border-left-color:red;
  border-top-width:0px;
}