zoukankan      html  css  js  c++  java
  • CSS

    1. 逗号表示并列关系,空格表示层级关系:

    //table 和 td应用此样式,tr并不应用此样式
    table, tr td { border: 1px solid grey; border
    -collapse: collapse; padding: 5px; }

    //表示table,tr和td都应用此样式
    table, tr, td {
      border: 1px solid grey;
      border-collapse: collapse;
      padding: 5px;
    }
    //td应用此样式,table 和 tr并不应用此样式
    table tr td { border: 1px solid grey; border-collapse: collapse; padding: 5px; }
     

    2. 若要实现类似下图中内容的居中效果,可以在当前div中添加如下样式,则当前div就会在父级div中居中显示

    max- 1040px; //合适数值即可
    margin-left:auto;
    margin-right:auto;

    3. padding指的是边框(border)与容器(比如:div)内容元素之间的距离,所以,容器(比如:div)实际的宽度或高度应该是width或height加上padding再加上border-width之后的总和,例如下图:div实际的高度应该是 541+7;

    4. CSS样式中的!important用于强制应用此样式,也可用于覆盖同名的样式;

    5. 若要增加行间距,不能在tr上操作,需要在td中增加padding属性,比如 padding-bottom:20px;

    6. 

  • 相关阅读:
    HTML5 ④
    HTML5 ③
    HTML5 ②
    HTML5 ①
    what’s this?
    第一篇
    2017年3月1号课堂笔记
    2017年2月27号课堂笔记
    2017年2月24号课堂笔记
    2017.02.15课堂笔记
  • 原文地址:https://www.cnblogs.com/qijiage/p/4211109.html
Copyright © 2011-2022 走看看