CSS中的属性缩写

原创 2007年09月23日 13:16:00

Font 字体缩写 

font: font-style | font-variant | font-weight | font-size | line-height | font-family

例: p{font:italic normal bold 12pt/18pt 宋体;}
          不需要的参数可以用 normal 代替,因为CSS中各个属性的值写法并不是都相同,因此直接去掉某个参数不会影响顺序与值的关系.
          本例中12pt/18pt指的是font-size字号与line-height行高,使用反斜杠分割因为font-size与line-height的值有可能使用同一计量单位,为了保证CSS对两个值所对应的属性一致,必须使用反斜杠来分割两个数值.

padding margin(上左下右)

margin: margin-top | margin-right | margin-bottom | margin-left
padding:padding-top | padding-right | padding-bottom | padding-left

p{margin:20px;} 单独使用一个参数,将表示P对象周围的外边距都为20px.
p{margin:20px 10px;}使用两个参数是非常特殊的写法,表示对上下或者左右的样式控制,当前样式表示p对象的上下边距为20px,而左右边距为10px.
p{margin:20px 10px 100px;}使用3个参数表示上边距为20px,左右边距为10px,下边距为100px.
p{margin:120px 20px 10px 80px;}4个参数则是margin属性的完整写法表示 top:120px right:20px bottom:10px left:80px

padding与margin设置方法完全相同

Border边框缩写

border: border-width | border-style | color
border-top(top,right,bottom,left):border-width | border-style | color
border-width(width,color,style):top | right | bottom | left

list缩写

list-style: list-style-type | list-style-position | list-style-image

例: ul{list-style:disc outside none;}

background背景缩写

background: background-color | background-image | background - repeat | background-attachment | background-pasition

例: #content{background:#EDEDED url(img/bg.gif) no-repeat 30% 20px;}

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

CSS的属性缩写

CSS字体属性: .mydiv { font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; line...

高效CSS属性缩写

今天在整理电脑时发现了曾经学习 CSS 时保存的一篇文章,感觉很有用,保存在电脑上说不定什么时候就找不到了,不如就贴到博客里了。原文是英文的,顺便翻译了一下。水平有限,并没有严格按照原文翻译,只能算意...

CSS格式化排版+常用缩写和值设置

HTML+CSS

浅谈css代码的简化缩写

现在很多人所用的CSS代码都很冗赘,其实很多都可以简化缩写的。 这次就根据自己所知道的来跟大家谈谈有关CSS代码的简化缩写问题。   1、所有CSS代码只要用一个style标记就可以了,没必要每...

浅谈CSS中的缩写

盒模型代码简写 还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和paddin...

CSS代码缩写, 占用更少的宽带,单位和值

盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding...

第 8 章 CSS 代码缩写,占用更少的带宽

盒模型代码简写 颜色值缩写 字体缩写 盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。...

Web开发之CSS代码缩写

本来来自慕课网整理:http://www.imooc.com/code/2088盒模型代码缩写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方...

蓝牙知识【协议栈简图】 【 UUID解析 】 【属性、Characteris、描述符和Service以及profile的关系】【蓝牙无线通道】【INTER FRAME SPACE】【MTU】【缩写词】

Notification与Indication的区别 GATT_Indication:从机通知主机后,主机需要调用simpleprofile_writeattrcb,读取从机的数据。 GATT_No...

css中margin的缩写

  • 2015-11-09 11:39
  • 15KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)