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

     

  • 相关阅读:
    64位windows 7下配置TortoiseGit(转)
    linux中fork函数详解(转)
    Socket通信的Python实现
    Socket
    浅谈CSRF攻击方式(转)
    Burpsuite常用模块详解以及渗透测试上的运用
    大佬内网渗透技巧的独白(思路篇)
    CTFcrackTools-V3
    厂商要知道的漏洞防护措施
    如何运用kali-xplico网络取证分析?点开看看吧
  • 原文地址:https://www.cnblogs.com/zhangtao12/p/9796869.html
Copyright © 2020-2023  润新知