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

     

  • 相关阅读:
    GCD实现多个定时器,完美避过NSTimer的三大缺陷(RunLoop、Thread、Leaks)
    iOS适配UIViewView/WKWebView,H5生成长图,仿微信进度条
    翻译jquery官方的插件制作方法
    javascript引用和赋值
    薯片公司真实JS面试题(乐视TV)
    caller、call、apply、callee的用法和意思
    常用javascript类型判断
    Git 常用命令笔记(不定期持续记录)
    sublime text2 emmet 安装
    hash"#"
  • 原文地址:https://www.cnblogs.com/zhangtao12/p/9796869.html
Copyright © 2011-2022 走看看