CSS样式缩写(感觉这个贴能火哈哈哈)
css吧
全部回复
仅看楼主
level 3
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 注意是对角线
----------------关注联动北方技术论坛官方微信
,随时获取论坛最新精彩内容
2015年09月01日 07点09分 1
level 4
这也能火。
2015年09月01日 08点09分 2
[花心]
2015年09月01日 08点09分
level 8
“加油”就能火,[哈哈]
2015年09月02日 11点09分 4
加入群454269563(交流解决IT难题)[泪]
2015年09月07日 01点09分
level 4
应该都能知道吧,我想这应该是个噱头,luofanting.com.cn网站上有好多关于web前端的知识,也欢迎扫描我的小尾巴,关注我的落帆亭公众号
2015年09月07日 01点09分 5
[开心]问题可以去相关论坛(联动北方)提问,会有专人解答,学习资源也有!
2015年09月07日 01点09分
2015年09月07日 01点09分
1