>웹 프론트엔드 >HTML 튜토리얼 >CSS样式缩写(感觉这个贴能火哈哈哈)_html/css_WEB-ITnose

CSS样式缩写(感觉这个贴能火哈哈哈)_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 11:37:351042검색

1.盒子:A。margin:top right bottom left 如果上下相同 左右相同 margin: top right 如果只有上下相同或者只有

左右相同,不能缩写。例如:margin:10px (上下左右都是10px的margin)
2.边框:border:width style color 例如 border:2px solid red;
3.背景:CSS1里面有5个属性 CSS3里面又新增了3个所以说现在有8个属性 :background: [background-color] [background-

image] [background-repeat][background-attachment](固定方式) [background-position](截取图片位置) / [ 

background-size](背景图片尺寸)[background-origin](背景图片定位区域) [background-clip](背景的绘制区域);例如:

background:red url(../images/bg.jpg) no-repeat fixed 10px 10px/40% content-box content-box;
4.字体:font:font-style(字体风格) font-variant(以小型大写字体或者正常字体显示文本) font-weight(字体粗细) font-

size(字体大小)/line-height(行高 这个不确定) font-family(字体系列,如 黑体); 例如 font:italic small-caps 

bold 1em/140% "黑体";注意的是如果你缩写字体定义,至少要定义font-size和font-family两个值。 
5.列表:list:list-style-type list-style-position list-style-image;例如 list:square inside url(../images/1.jpg);
6.颜色:有2位相同即可缩写例如:#00ffff---#0ff #000000---#000;#0000ff---#00f;
7.属性值为0:如果有某个属性的属性值为0 单位省略 例如:margin:0;
8.最后一个分号,例如 div{width:100px;height:100px}
9.圆角半径:border-radius:topleft topright bottomright bottomleft;例如:border-radius:10px 10px 10px 10px;如果都相同 只写一个 border-radius:10px ;如果只有toplef 和bottomright相同 topright和bottomleft相同 则border-radius:10px 10px 注意是对角线

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.