zoukankan      html  css  js  c++  java
  • css的再深入7(更新中···)

    1.transparent  透明的

    2.placeholder  提示语

    写页面

    1. 搞清结构层次,
    2. 保证模块化,让他们之间不能受到影响

    (1) 元素性质

    (2) 标准流

    浮动带来的脱离文档流撑不起父级的高度的问题可以采用清除浮动的方式消除影响,absolutefixed带来的脱离文档流撑不起父级的高度,使用子元素设置高强制撑起父级。

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

    Font 系列 text系列 color line-height

    2.border-radius的值的问题

       

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

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

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

    5.写三角形

      

    宽高必须是0  效果如下:

     

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

     

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

    如:

    1.正常状态

     

     

    2.设margi值时   

      

  • 相关阅读:
    软件技术发展的几个阶段
    MOOONscheduler核心设计图(初稿)
    Write Read Writeln Readln console
    Win32Check对Windows操作 注销 重新启动 关闭计算机_Win32Check
    WM_nclButtonDblClk响应标题栏事件_message
    使用 “+”号实现多个字符串的连接
    TRichEdit_控制TRichEdit组件滚动
    取得字符串中指定的字符str[]
    undo RichEdit1
    使Memo 原有的右键功能失效 _OnContextPopup
  • 原文地址:https://www.cnblogs.com/zff123/p/9800098.html
Copyright © 2011-2022 走看看