学习笔记.txt

 1 一、css样式
 2 1.行内样式
 3 2.内联样式
 4 3.外联样式
 5 
 6 二、元素和盒模型
 7 1、盒模型包括自定义的宽度和高度、内边距（padding）、外边距（margin）和边框（border）
 8 影响一个盒模型视野上的宽度和高度的是padding和border、margin不影响
 9 
10 2、块级元素和行内元素
11 无论自己的宽度和高度是多少，都占据一整行的元素，称为块级元素
12 只占据自己内容所需要的位置的元素，会将一行内剩余的位置留给下一个行内元素的元素，称为行内元素，行内元素无法设置宽度和高度
13 行内块级元素是可以设置宽度和高度的行内元素
14 
15 3、浮动
16 CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。
17 一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。
18 浮动会产生一个影响，会导致其没有设置高度的父级丢失高度，因此其父级需要清除浮动，overflow:hidden;