zoukankan      html  css  js  c++  java
  • CSS属性简写

    • 盒模型简写:

    1. 如果top、right、bottom、left的值相同,如下面代码:margin:10px 10px 10px 10px; 缩写为:margin:10px;

    2. 如果top和bottom值相同、left和 right的值相同。margin:10px 20px 10px 20px;缩写为:margin:10px 20px;

    3. 如果left和right的值相同.margin:10px 20px 30px 20px;缩写为:margin:10px 20px 30px;

    • 颜色值缩写

    1. p{color:#336699;} 缩写为:p{color:#369;}

    • 字体缩写

    1. body{ font-style:italic;//字体倾斜 font-variant:small-caps; //所有字母大写 font-weight:bold; //字体加粗 font-size:12px; //字体大小 line-height:1.5em; //行间距 font-family:"宋体",sans-serif;//字体 }              缩写为body{font:italic small-caps bold 12px/1.5em  "宋体",sans-serif;}

    注意:

    1、使用这一简写方式你至少要指定 font-size 和 font-family 属性,其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。

    2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。

  • 相关阅读:
    hibernate映射-单向多对一映射
    CSS
    HTML基础
    复习
    元类,单例
    数据类型,约束,存储引擎
    数据库概念,安装,基本操作
    IO模型
    异步回调,协程
    GIL锁,线程池,同步异步
  • 原文地址:https://www.cnblogs.com/qinbb/p/5910686.html
Copyright © 2011-2022 走看看