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

     

  • 相关阅读:
    ABAP 程序中的类 沧海
    ABAP类的方法(转载) 沧海
    More than 100 ABAP Interview Faq's(2) 沧海
    SAP and ABAP Memory总结 沧海
    ABAP Frequently Asked Question 沧海
    ABAP System Reports(Additional functions) 沧海
    ABAP Questions Commonly Asked 1 沧海
    ABAP Tips and Tricks 沧海
    ABAP System Fields 沧海
    ABAP 面试问题及答案(一):数据库更新及更改 SAP Standard (转) 沧海
  • 原文地址:https://www.cnblogs.com/zhangtao12/p/9796869.html
Copyright © 2011-2022 走看看