css中的复合属性之font,border,background

单属性: 一个属性名对应一个属性值
复合属性: 一个属性名对应多个属性值
①.font:
单属性:font-style:italic;//倾斜
font-weight:700; //加粗
font-size:40px; //字号
line-height:40px; //行高
font-family:“宋体”; //字体
复合属性:font:italic 700 40px/40px “宋体”;
②.border:
单属性:border-width:5px; //粗细(默认3px)
border-style:solid; //样式
border-color:blue; //颜色(默认黑色)
复合属性:border: 5px solid blue;
③.background:
单属性:background-color:yello; //背景色
background-image:url(a.jpg);//背景图
background-repeat:no-repeat;//是否平铺
background-position: 10px 10px; //水平位置 垂直位置
其中图片的位置可以按照如下进行设置:
—水平:left(默认)/center/right
垂直:top(默认)/center/bottom
background-position: right bottom;
—水平:正值向右,负值向左
垂直:正值向下,负值向上
background-position: 10px 10px;
复合属性:background:yellow url(a.jpg) no-repeat 10px 10px;
注意:复合属性要按照以上顺序进行写,如果其中一个没有设置,则按照默认的样式进行显示。

你可能感兴趣的:(css中的复合属性之font,border,background)