網站建設
                                                       
                                                          收藏本站 
                                                      用戶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線)  
                                                      深圳市亞網科技有限公司 深圳網站建設常年法律顧問:朱運德律師
                                                      四川金7乐18061809期

                                                                                                                                                              pk10八码百分百准 华东15选5选号技巧 网易cc爆奖池 竞彩混合过关计算器官网 下载中国移动智慧生活app 重庆时时彩开奖号破解 福彩三d开机号和式机号历史 25选5玩法 太原哪有老时时 云南十一选五怎么选号 2019注册送彩金的电子游戏 云南时时票 3d近200期开奖走势图 火爆棋牌游戏 盛世票秒速时时 泳坛夺金中奖金额