zoukankan      html  css  js  c++  java
  • 10)

    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 {

                          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不够,就把自己的宽高贡献出去。



  • 相关阅读:
    分享Kali Linux 2016.2第41周镜像虚拟机
    Visual Studio工具栏中无法选择调试设备
    Xamarin.iOS编译出错
    Xamarin基础命名空间Microsoft.SqlServer.Server
    编译包含Google Play服务App的SDK版本问题
    解决Fiddler无法抓到手机的会话包
    Xamarin.Android编译CPU类型选择方式
    Delphi iOS
    Delphi Android
    CRC16-循环冗余校验
  • 原文地址:https://www.cnblogs.com/xiaotaiyangye/p/9726575.html
Copyright © 2011-2022 走看看