CSS样式缩写(感觉这个贴能火哈哈哈)_html/css_WEB-ITnose
程序员文章站
2022-05-29 21:53:17
...
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 注意是对角线
左右相同，不能缩写。例如：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 注意是对角线