10）

标签：正数   没有   nowrap   div   float   布局   静态元素   释放   osi   

1. transparent    透明的

2. placeholder      提示语

3. 写页面：

            搞清楚结构层次；

            保证模块化，让他们之间不能受影响——元素性质   标准流；

* 浮动带来的脱离文档流撑不起父级的高度问题，可以采用清除浮动的方式消除影响，absolute和fixed带来的脱离，文档流撑不起父级的高度，使用子元素设置高强撑

4. css可以继承的属性

            font系列    text系列   color    line-height

5. border-radius：7px  7px  0   0  ；      （顺序： 左上  右上  右下  左下 ）

6.  white-space

           规定段落中的文本换不换行 往往值是nowrap 不换行

7. Word-wrap

           属性允许长的内容可以自动换行  属性值是 break-word 允许 默认是不允许

8. 写三角形

            div {

                     width: 0;
                     height: 0;
                     border-top: 5px solid transparent;
                     border-right: 5px solid transparent;
                     border-bottom: 5px solid white;
                     border-left: 5px solid transparent;

                   }

9. margin对布局的影响      --双飞翼布局   --圣杯布局

　　margin是外边距，属性值是数字，数字分正负——

       正数：margin：20px

       负数：在static静态元素中（ 标准流下 ）

                  margin-left负数当前元素向左走       margin-top负数当前元素向上走

                  margin-bottom为负数当前元素不动，后面元素向上走           margin-right为负数当前元素不动，后面元素向左走   

* margin为负数会增大当前元素的宽    　　前提是当前元素没有设width

10.  给ul一个margin-right无形中给ul加了20px

       在float下——

                        Margin为负 也是我们常用的双飞翼，圣杯布局

                        中间自适应 两端固定

                        给元素      margin-left为负当前元素向左走     margin-right为负后一个元素向左走会覆盖当前元素。

        在right下——

　　　　　　　Margin为负

                         让元素居中，前提是知道元素的宽高。

                         div {

                                 Position：absolute；

                                 Left：50%；

                                 Top：50%；

                                 Margin-left:-width/2;

                                 Margin-top:-height/2

                                }

 * Margin为负无论在什么条件下都是释放自己的空间，如果自己的margin不够，就把自己的宽高贡献出去。

10）

标签：正数   没有   nowrap   div   float   布局   静态元素   释放   osi   

原文地址：https://www.cnblogs.com/xiaotaiyangye/p/9726575.html