本周是我加入千锋逆战班学习Web前端的第二周

，经过这一周的学习，我清楚地认识到CSS是HTML的灵魂，它就像一个人的大脑一样，控制着整个HTML的行为。如果缺少了CSS，整个HTML将会变得毫无生机。

　　在老师的讲解下，我学了CSS的优先级、盒模型、margin传递的问题、标签分类、嵌套规范、CSS默认样式、float浮动问题、position定位、BFC规范、划圆角、PS如何使用及区域划分等知识点。以下是具体知识理解：

　　CSS继承：文字可以被继承，布局不能被继承，但可以通过inherit改变继承方式。

　　CSS优先级：相同样式优先级相同，后设置的为最优先。

　　内部样式与外部样式优先级相同，但同时出现，后写的优先级高

　　单一样式优先级：style>id>class>tag>*>继承

　　!important权重最大，一般不用，紧急情况下才使用

　　CSS盒子模型：content<padding<border<margin< p="">

　　margin(外边距)和padding(内填充)只用方法相同，边框顺序top、right、bottom、left，但padding不能为负值

　　overflow：给盒子固定大小，主要解决盒子的溢出问题。Hidden、srcoll、auto

　　float浮动：float会脱离文档流，沿着父容器左右排列。Float:laft/right/none

　　float注意点：

　　1)只会影响后面的元素。内容默认提升半层。默认宽根据内容决定。

　　2)换行排列，当容器放不下这些浮动元素的时候，就会换行排列。

　　主要给块元素添加，但也可以给内联元素添加。

　　clear清浮动：clear : left | right | both(比较常用的，左右浮动都清除)，主要解决上下排列，利用after伪类解决嵌套问题

　　Position定位：利用浮动解决左右排列问题，利用定位解叠加决排列问题。取值：static默认值。

　　relative相对定位：不使元素脱离文档流，空间会被保留，不影响其他元素布局。

　　ex：positive：relative;left：10px;right：10px;

　　absolute绝对定位：使元素无安全脱离文档流;使内联元素增加宽高，让内联元素变成块元素性质;如果有多个定位元素，那么是离自己最近的元素偏移。

　　fixed固定定位：使元素无安全脱离文档流;使内联元素增加宽高，让内联元素变成块元素性质;相对于整个浏览器窗口进行偏移，不受滚动条影响，也不受祖先元素影响。

　　sticky粘性定位：没有到达指定位置是没有效果，到达后变成固定定位，不能单独使用，需要配合定位模式。定位偏移量：left、top、right、bottom

　　z-index定位层级：默认层级为0，比较的时候，会先跟同级别的先比较。

　　BFC样式，w3c规定的，主要解决margin叠加、margin传递、浮动、覆盖问题，

　　float除none，position仅有absolute和fixed，display为inline-block、table-cells、

　　flex，overflow除visible以外的(hidden、auto、scroll)

　　添加省略号：width，需要有一个固定的宽。 With-space：nowrap不让内容折行。

　　verflow：hidden隐藏溢出内容。Text-overflow：ellipsis添加省略号。

　　多行

　　display: -webkit-box;

　　-webkit-box-orient: vertical;

　　-webkit-line-clamp: 3;

　　overflow: hidden;

　　Border-radius圆角：百分比、px

　　总结：

　　本周的盒子模型问题还是比较难的，只要解决了盒子模型问题，定位和浮动就解决了。在课后还需要多加练习和熟练应用所学到的内容，做到熟能生巧，多记、多背、多练!