CSS的推荐工具
- LESS CSS
一种简化、功能更多的 CSS 语言 - SASS
一种简化、功能更多的 CSS 语言(请自行搜索中英文官网) - PostCSS
一种 CSS 处理程序
CSS 学习资源
- Google: 关键词 MDN
- CSS Tricks
- Google: 阮一峰 css
- 张鑫旭的 240 多篇 CSS 博客
- Codrops 炫酷 CSS 效果
- CSS揭秘
- CSS 2.1 中文 spec
- Magic of CSS 免费在线书
引入css样式的四种方式:
- 内联样式(style属性)
- style 标签
- 外部文件 (CSS link)
- @import url(xxx.css)
高度是由什么决定的
内联元素:字体的建议行高来决定。
块级元素:由其内部文档流元素的高度总和决定的。
文档流
文档内元素的流动方向。
内联元素流动,从左往右。
块级元素流动,从上往下。
position
position:fixed 脱离文档流,相对窗口定位。
position:absolute 脱离文档流,相对于祖先元素中第一个relative定位。
CSS三角形
主要技巧:
- div的宽度设置为0
- 给不需要的border设置透明色
- 可以通过设置不同位置border的宽度,来改变三角形的形状。
示例:
div{
border:100px solid transparent;
width:0px;
border-left-color:red;
border-top-width:0px;
}