5 回答

TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超5個(gè)贊
可以的
寫(xiě)法如下:
<div class="classname1 classname2 classname3 calssname..."></div>
class 屬性規(guī)定元素的類(lèi)名(classname)。
class 屬性大多數(shù)時(shí)候用于指向樣式表中的類(lèi)(class)。不過(guò),也可以利用它通過(guò) JavaScript 來(lái)改變帶有指定 class 的 HTML 元素。
class 屬性不能在以下 HTML 元素中使用:base, head, html, meta, param, script, style 以及 title。
提示:可以給 HTML 元素賦予多個(gè) class,例如:<span class="left_menu important">。這么做可以把若干個(gè) CSS 類(lèi)合并到一個(gè) HTML 元素。

TA貢獻(xiàn)1873條經(jīng)驗(yàn) 獲得超9個(gè)贊
從需求入手進(jìn)行分析:
如果想實(shí)現(xiàn)的樣式效果是多個(gè)div都具有同樣樣式,給多個(gè)div標(biāo)簽賦予相同的class名,可以達(dá)到同類(lèi)class樣式同時(shí)控制的效果
如果想實(shí)現(xiàn)的是div中嵌套的div中每個(gè)層級(jí)嵌套的樣式都具有其各自的樣式,則需要引入其他的“選擇器”配合class的類(lèi)選擇器來(lái)分別控制
多個(gè)div的關(guān)系不是嵌套的是混合的或者是并列的話(huà),同樣在Css操作標(biāo)簽時(shí)需要結(jié)合其他的選擇器來(lái)實(shí)現(xiàn)對(duì)某一div的精確控制
從代碼運(yùn)用的角度來(lái)糾錯(cuò):
使用class時(shí)注意:類(lèi)名的第一個(gè)字符不能使用數(shù)字!它無(wú)法在 Mozilla 或 Firefox 中起作用
確定CSS在控制標(biāo)簽時(shí),標(biāo)簽元素正確繼承屬性
確認(rèn)CSS代碼中的樣式屬性代碼正確,沒(méi)有使用不存在的屬性,比如把控制文字獨(dú)有的屬性錯(cuò)用到了塊元素的屬性控制上

TA貢獻(xiàn)1880條經(jīng)驗(yàn) 獲得超4個(gè)贊
.aa{
margin:25% 25%;
text-align:center;
}
.bb{
margin:0 25% 75% 25%;
font-family:"KaiTi";
}
應(yīng)該要這樣定義的
ID的話(huà)就是#aa{} #bb{} 樣式一樣的寫(xiě)法

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超6個(gè)贊
如果沒(méi)個(gè)樣式表里面的,屬性都是一樣的,那沒(méi)關(guān)系的。
如果不一樣的話(huà),它會(huì)從html文檔從上往下,一個(gè)一個(gè)繼承,碰到一樣的屬性,下面的代碼覆蓋上面的樣式代碼,
比如:
site.css里面.a{width:100px;height:100px;}
base.css里面 ,a{width:200px;height:100px;}
<link href="css/sitte.css" rel="stylesheet" type="text/css" />
<link href="css/base.css" rel="stylesheet" type="text/css" />
如果你HTML里面是這樣先后順序的話(huà),那 width:200px height:100px;
<link href="css/sbase.css" rel="stylesheet" type="text/css" />
<link href="css/sitte.css" rel="stylesheet" type="text/css" />
如果你HTML里面是這樣先后順序的話(huà),那 width:100px;height:100px;

TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超3個(gè)贊
建議看看css規(guī)則層疊
例子:
site.css有:
.head_framework{ width:100%;}
base.css有:
.head_framework{ width:90%;}
在引用css文件時(shí)候,
<link href="css/sitte.css" rel="stylesheet" type="text/css" />
<link href="css/base.css" rel="stylesheet" type="text/css" />
后者將會(huì)覆蓋前者,即.head_framework{ width:90%;}
添加回答
舉報(bào)