CSS基础
CSS基础
学习中的不足：类选择器的命名，盒模型的各种应用。
1、相关定义：CSS是Cascading Style Sheet 的缩写。译作「层叠样式表」。是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
2、css框架模型：content（内容）、padding（内边距）、border（边框）、margin（外边距），使用float清除浮动。
3、长度值
相对长度:以属性的前一个属性单位为基础来设置当前属性
- em:相对字符的高度.该设置以当前元素使用的文章高度为单位
- px:像素点
- %:百分比
绝对长度:不会随着显示装置的不同而改变
- in:英寸(1 in = 2.54 cm)
- cm:厘米
- mm:米
- pt:点(1 pt = 1/72 in)
- pc:帕(1 pc = 12 pt)
4、float属性值：
先来了解一下block元素和inline元素在文档流中的排列方式。
block元素通常被现实为独立的一块，独占一行，多个block元素会各自新起一行，默认block元素宽度自动填满其父元素宽度。block元素可以设置width、height、margin、padding属性；
inline元素不会独占一行，多个相邻的行内元素会排列在同一行里，直到一行排列不下，才会新换一行，其宽度随元素的内容而变化。inline元素设置width、height属性无效。
- 常见的块级元素有 div、form、table、p、pre、h1～h5、dl、ol、ul 等。
- 常见的内联元素有span、a、strong、em、label、input、select、textarea、img、br等
所谓的文档流，指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。
脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。
