成都web前端培训
成都达内金融街中心

18328393564

热门课程

css简写代码总和

  • 时间:2016-07-20 10:22
  • 发布:达内杨老师
  • 来源:达内

css代码简写分享——如果left和right值相同

margin:10px 20px 30px 20px;可以写成:

margin:10px 20px 30px;字体缩写

body{
    font:italic  small-caps  bold  12px/1.5em  "宋体",sans-serif;
}

盒模型代码缩写

margin(外边距)padding(内边距)border(边框)

设置方向是按照顺时针上右下左顺序。

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

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

因为对于中文网站,英文还是比较少的,所以下面缩写代码比较常用:

body{
    font:12px/1.5em  "宋体",sans-serif;
}

只是有字号、行间距、中文字体、英文字体设置。

颜色值

有字体颜色(color)背景颜色(background-color)边框颜色(border)

设置颜色有:1、英文命令颜色 2、RGB颜色 3、十六进制颜色

em指元素给定字体的 font-size 值,如果元素的 font-size 为 14px ,那么 1em = 14px;

p{font-size:12px;text-indent:2em;}

上面代码可以实现段落首行缩进 24px。 

以上就是一些css的简写举例,更多内容欢迎访问我们的其他页面。

上一篇:web前端发展数据
下一篇:5种HTML5动画工具推荐
选择城市和中心
贵州省

广西省

海南省