網站建設
 
    收藏本站 
用戶ID/郵箱: 密 碼:
客戶中心 Customer service 您目前的位置:首 頁 > 客戶中心 > DIV+CSS 



DIV+CSS,網站建設DIV+CSS:css常用屬性初總結第一彈:id和class選擇器

css常用屬性初總結第一彈:id和class選擇器

說到選擇器大家都不陌生,估計用的最多的還是id選擇器和類選擇器,
至于其他的選擇器,今天在這里我避而不談。

類選擇器:將html元素取一個響亮的名字,用class來標記,就可以使用類選擇器了,
如<p class="p1">這是段落1</p>,這里我將p元素class設置
為"p1",然后再寫css樣式就可以直接使用了,

舉個栗子:

<style type="text/css">
p.p1{color:red;}
</style>

</head>
<body>
<p class="p1">
This paragraph will also be center-aligned.
</p>
</body>
</html>

運行上一段代碼,就將類名為p1的p元素的文字顏色設置為紅色了,是不是很簡單,
說明一下,非p元素的類名為p1時沒有效果哦,要想所有
的class類名為p1的元素有效果,則需要把前面的結構元素名去掉。現在的項目
都是敏捷開發,所以用類名就得小心了,剛開始大家經常抱怨的
就是類名沖突,結果就是樣式相互沖突了,所以我們項目上定下了約定,
以頁面功能來命名類名,從而避免類名沖突。

另外要提一下的就是多類名:如上面的


<p class="p1 center">
This paragraph will also be center-aligned.
</p>


一個class值中是可以有一個此列表了,各個詞之間用空格來分開。然后寫樣式就
一個個寫就ok了,這里估計會有人會問:如果多個類之間有
相同的css樣式會出現什么情況!這里就要閱讀后面的有關css層疊的問題了!


上一條: 網站進入沙盒期的處理方法
下一條: css中的三種基本定位機制
相關文章
css常用屬性總結之 id和class的區別,使用類還是ID?
關于左邊固定,右邊自適應布局的響應式布局寫法
html實現 頁面禁止右鍵 禁止復制 禁止圖片拖動 禁止復制和剪切
推廣經驗分享
其它
網站建設資源
常見問題
網站知識
首頁關于我們業務范圍新聞資訊成功案例客服中心聯系我們深圳網站建設網站優化付款帳戶
COPYRIGHT(C) 2005-2019 亞網互聯·中國 版權所有 ALL RIGHTS RESERVED (粵ICP備15005241號)
深圳網站建設公司地址:深圳市寶安區龍華民治大道東明大廈15樓 1529-1531 室   E-Mail:[email protected]  
公司電話:0755-89812581(8線)  
深圳市亞網科技有限公司 深圳網站建設常年法律顧問:朱運德律師
888真人游戏平台 快乐赛车官方网站开奖结果 快三玩法介绍 陕西体彩11选5八码遗漏 十分快三是正规的吗 安徽11选五开奖走势图 北京赛车软件 官方网站 浙江11选5每日推荐号 吉林快3一定走势图 福彩辽宁快乐12开奖查 体彩海南飞鱼中奖条件