你不曾領略的CSS——【牛腩新聞發布系統】，css新聞發布系統
隨著互連網的發展，網頁對個人化要求也不斷的提高。HTML,HyperTextMarkupLanguage，超文字標記語言 (HTML)，原來就是一說明文，但是使用者需要更多的標籤和屬性，然後就就一個勁的添HTML標籤和屬性，造成網頁內容和樣式混亂，不容易維護。所以，就在這個時候CSS橫空出世，實現了網頁內容和樣式的分離，極大的提高了編寫、修改頁面的效率！
二、CSS是什嗎？
三、CSS選取器是什嗎？CSS（CasCading Style Sheets）,層疊樣式表，就是樣式、內容像漢堡包一樣，一層一層疊起來，夾心的~
要使用CSS對HTML頁面中的元素實現一對一(ID)、一對多(class)、或者多對一(標籤)的控制，需要用到CSS選取器。其實它就是一媒婆，給css和html牽線搭橋的。
ID選取器就像身份證一樣，一人一個，更具針對性；類別選取器在easyUI裡面很常用，例如把easyUI裡面控制項中的class設定成easyUI-datagrid,表格樣式就能得到很好的統一，個人覺得如果做附帶不少子系統的大系統，class選取器有一統江湖的好本領；標籤選取器，不管你的腦袋（head）,還是胳膊腿（body）的,都在標籤的控制範圍內~
CSS選取器的種類和優先順序：
ID選取器>class選取器>HTML標籤選取器
下面通過一個小DEMO來驗證一下選取器的優先順序：
1.首先在用戶端建立一個CSS樣式表，代碼如下，
/**建立人：王美*建立時間：2015年2月23日16:14:53*//*css樣式*//*標籤選取器*/body { color:#f0f;/*粉紅色*/}/*類別選取器*/.menu { color:#f00; /*紅色*/}.title { /*新聞標題樣式*/ color:#00f; /*藍色*/}/*ID選取器*/#special { font-weight:bold ;/*粗體*/ color:#0f0;/*綠色*/}
2.建立一個HTML頁面：<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><!--建立人：王美建立時間：2015-02-23 15:56:31--><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>css測試</title> <link href="css/StyleSheet.css" rel="stylesheet" /></head><body> <span id="special" class="menu">欄目四</span> <span class="menu">欄目五</span> <span class="menu">欄目六</span> <span class="title">這是<span> 一</span>條新聞標題</span> 434434343434346464</body></html>
3.運行後顯示結果：
4.綜上所述，欄目四的ID是special,類是menu,special在css中顏色為綠色，menu的字型顏色為紅色，欄目四為綠色，證明優先順序 ID選取器>class選取器；body HTML標籤裡面，有class的為紅色，預設bodyHTML標籤格式為粉紅色，證明優先順序 class選取器>HTML標籤選取器
抽象推動編程進步。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
