一，CSS盒子模型
所有HTML元素可以看作盒子。
封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。
- Margin(外边距) - 清除边框外的区域，外边距是透明的。
- Border(边框) - 围绕在内边距和内容外的边框。
- Padding(内边距) - 清除内容周围的区域，内边距是透明的。
- Content(内容) - 盒子的内容，显示文本和图像。
二，CSS边框属性
指定一个元素边框的样式和颜色。
1.border-style属性：定义边框样式。
2 .border-width 属性：边框宽度。
可以指定长度值，比如 2px 或 0.1em(单位为 px, pt, cm, em 等)，或者使用 3 个关键字之一，它们分别是 thick 、medium（默认值） 和 thin。
3.border-color属性：边框颜色。
注意： border-color单独使用是不起作用的，必须得先使用border-style来设置边框样式。
三，CSS 轮廓
outline属性：规定元素轮廓的样式、颜色和宽度。
四，CSS分组与嵌套选择器
1.分组选择器：为了尽量减少代码。
2.嵌套选择器：
实例：
五，CSS 显示 和 可见性
1.display：none 和 visibility：hidden。
2.块（换行）和内联元素（不换行）
3.如何改变一个元素显示？
六，CSS position定位
1.static定位：静态定位的元素不会受到 top, bottom, left, right影响。
2.fixed定位：元素的位置相对于浏览器窗口是固定位置。
即使窗口是滚动的它也不会移动。
3.relative定位：相对定位元素的定位是相对其正常位置。
4.absolute定位：绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>。
5.sticky定位：基于用户的滚动位置来定位。
七，CSS布局
1.overflow 属性：可以控制内容溢出元素框时在对应的元素区间内添加滚动条。
2.（1）float属性：会使元素向左或向右移动，其周围的元素也会重新排列。
往往是用于图像。 （2）清除浮动：clear
八，CSS组合选择符
370
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
