css简写属性格式
来源:互联网 发布:php在线答题系统 源码 编辑:程序博客网 时间:2024/05/01 19:14
【font】
简写:
font:italic small-caps bold 12px/1.5em arial,verdana;
等效于:
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:12px;
line-height:1.5em;
font-family:arial,verdana;
顺序:font-style | font-variant | font-weight | font-size | line-height | font-family
(注:简写时,font-size和line-height只能通过斜杠/组成一个值,不能分开写)
【background】
简写:
background:#fff url(bg.gif) no-repeat fixed left top;
等效于:
background-color:#fff;background-image:url(bg.gif);background-repeat:no-repeat;background-attachment:fixed;background-position:left top;
顺序:background-color | background-image | background-repeat | background-attachment | background-position
【margin & padding】
简写:
margin:1px 0 2em -20px;
等效于:
margin-top:1px;margin-right:0;margin-bottom:2em;margin-left:-20px;
顺序:margin-top | margin-right | margin-bottom | margin-left
(注:padding的简写和margin完全一样)
【border】
简写:
border:1px solid #000;
等效于:
border-width:1px;border-style:solid;border-color:#000;
顺序:border-width | border-style | border-color
(注:这三句也是简写,等于是把四边的样式合而为一了)
【border-top / border-right / border-bottom / border-left】
简写:
border-top:1px solid #000;
等效于:
border-top-width:1px;border-top-style:solid;border-top-color:#000;
(注:这三句也是简写,等于是把四边的样式合而为一了)
【list-style】
简写:
list-style:square outside url(bullet.gif);
等效于:
list-style-type:square;list-style-position:outside;list-style-image:url(bullet.gif);
顺序:list-style-type | list-style-position | list-style-image
【四边】
四边的简写一般如下:
padding:1px 2px 3px 4px;
等效于:
padding-top:1px;padding-right:2px;padding-bottom:3px;padding-left:4px;
顺序:top | right | bottom | left
(注:不论是边框宽度,还是边框颜色、边距等,只要css样式涉及四边,顺序通通都是“上右下左”的顺时针方向)
如果四边的值省略一个,只写三个:
padding:1px 2px 3px;
则等效于:
padding-top:1px;padding-right:2px;padding-bottom:3px;padding-left:2px;
(注:省略的“左”值等于“右”)
如果四边的值省略两个:
padding:1px 2px;
则等效于:
padding-top:1px;padding-right:2px;padding-bottom:1px;padding-left:2px;
(注:省略的“下”值等于“上”)
如果只有一个值:
padding:1px;
则等效于:
padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px;
【颜色】
颜色的简写:
color:#FFF
等效于:
color:#FFFFFF 或 color:white
简写:
color:#06c
等效于:
color:#0066cc
- css简写属性格式
- CSS属性简写
- CSS的简写属性
- 高效CSS属性简写总结
- 1.CSS字体属性简写规则
- css中margin、padding等属性的简写方式解读
- css样式中font属性的简写规则
- css 简写属性 规则 次序 汇总 书写顺序
- font简写格式
- 时间格式简写
- CSS可以通过简写的方式来减少带宽的占用,比如属性值的简写、16进制颜色的简写
- 你未必知道的CSS小知识:text-decoration属性变成了属性简写
- css的格式与属性
- CSS笔记之简写
- css 常用简写记法
- css简写技巧
- css样式简写规则
- CSS简写方法说明
- Tomcat虚拟目录配置
- 关于serialVersionUID的说明
- HashMap的应用,CF650A
- A1112. Stucked Keyboard (20)
- HDU 2473 Junk-Mail Filter(并查集删点)
- css简写属性格式
- 使用lua实现几个小算法
- 通过ip获取mac地址
- 奇妙的数字--蓝桥杯
- “树懒”用超表也能快如闪电|微商案例
- Python 排序
- swift简单学习之字符串
- Hdu 1050
- Android 中 View 炸裂特效的实现分析