css如何把很多属性写到一个声明里。

color:#FF3300; font-size: 15px; font-weight: bold;
2024-12-03 04:03:51
推荐回答(5个)
回答1:

文字的缩写:
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:1em;
line-height:150%;
font-family:宋体, Arial, sans-serif;
可以缩写成:font:italic small-caps bold 1em/150% 宋体, Arial, sans-serif;

边框的缩写
border-width:1px;
border-style:solid;
border-color:#000;
可以缩写成
border:1px solid #000;

背景的缩写
background-image: url(“logo.png”);
background-position: top center;
background-repeat: no-repeat;
可以缩写成:background: url(logo.png) no-repeat top center;

你所写的三个属性属于字体缩写:
.style{
font:bold 15px;
color:#FF3300;
}

回答2:

发现第一次理解错了,补充回答写到前面:
复合属性的写法,书写格式(仅css1)font : font-style font-variant font-weight font-size line-height font-family;
.sample {font: bold 15px;
color:#FF3300;}
//在font复合属性里没有color,所以color样式只能单写

两种方式,一个是Id一个是class;
先说用的比较多的class:
.name{color:#FF3300; font-size: 15px; font-weight: bold;}
//注意前面有个“.”,name是你自己随便定义的样式名字。
然后是id的使用方法:
#name{color:#FF3300; font-size: 15px; font-weight: bold;}
主要差别在前面一个是 . 一个是#,还有就是重用性和优先级上

顺便加上一个并不推荐的行内样式写法:

回答3:

可以在这段文字的标签里加style,比如这段文字在标签里,可以这么写:
文字内容

回答4:

和border差不多,可以借鉴这个

border{1px solid #ccc;}

段落的看下面

p{font:italic bold 12px/30px arial,sans-serif;}

就是这样精简的。

回答5:

用CSS,写{color:#ff3300;font-size:15px;font-weight:bold;}