zoukankan      html  css  js  c++  java
  • 9.29css继承属性

    1css可以继承的属性有哪些?

    Font 系列 text系列 color line-height

    2border-radius的值的问题

    text align:center;

    border-radius:7px 7px 7px 0;

    四个值的顺序左上 右上 右下 左下

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

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

    写三角形

    div{

    width:0;

    height:0;

    border:top 5px solid transparent;

    border right:5px solid transparent;

    border-bottom solid blue;

    border-left:5px solid transparent;

    }

    宽高必须是零

    6margin对布局的影响 双飞翼布局 圣杯布局

    双:两边auto(自适应)

    圣杯:中间自适应

    Margin是 外边距,属性值是数字 数字又分正负。

    正数:margin20px

    负数:在static元素中(标准流下)margin-left为负数当前元素向左走 margin-top为负当前元素向上走

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

    注意的,margin为负会增大当前元素的宽(前提是当前元素没有设置width

    场景

    ul一个margin-right 就无形之中给ul加了20px宽度。

     

    float

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

    中间自适应 两端固定

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

    absolute

    Margin为负

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

    div{

    Positionabsolute

    Left50%

    Top50%

    Margin-left:-width/2;

    Margin-top:-height/2

    }

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

     

  • 相关阅读:
    ColorPix——到目前为止最好用的屏幕取色器
    ES+VBA 实现批量添加网络图片
    SQL语句-delete语句
    Visual C++ 2013 and Visual C++ Redistributable Package 更新版官网下载地址
    centos长ping输出日志的脚本
    Centos 常用命令
    c#连接数据库
    C#窗体间的跳转传值
    c#邮件发送
    C#WIFI搜索与连接
  • 原文地址:https://www.cnblogs.com/zhangtao12/p/9796869.html
Copyright © 2011-2022 走看看