DIV是層疊樣式表中的定位技術,全稱DIVision,即為劃分。有時可以稱其為圖層。 DIV元素是用來為HTML(標準通用標記語言下的一個應用)文檔內大塊(block-level)的內容提供結構和背景的元素。中文名外文名別名外語縮寫應用范圍快速導航
DIV 標簽用法屬性定位單元的控制布局優勢差異實例案例分析絕對定位相對定位DIV+CSS網頁布局“教與學”方式
定義<div> 可定義文檔中的分區或節(division/section)。<div> 標簽可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具,并且不使用任何格式與其關聯。如果用 id 或 class 來標記 <div>,那么該標簽的作用會變得更加有效。
選擇器body>div 只操作body下級的div。div1+div2 只選擇div1 同級 隨后 相鄰最近的div2div1~p 選擇div1下所有的p屬性選擇器[attr]{} 例:[class]{color:red;} [class="text"]{color:red;}[class|="nav"]{color:red;} 選擇所有class屬性,并且屬性值唯一為nav-開頭的元素[class~="nav"]{color:red;} 選擇所有class屬性,并且包含單個完整的nav屬性值的元素[class1][class="text"]{color:red;}選擇具有class1屬性,并且具有class屬性且屬性值唯一為text的元素
id是css的唯一選擇器,使用ID選擇器,必須給標簽添加上id屬性,為標簽設置id="ID名稱"。
要使用css對HTML頁面中的元素實現一對一,一對多或者多對一的控制,這就需要用到CSS選擇器。HTML頁面中的元素就是通過CSS選擇器進行控制的。
每一條css樣式定義由兩部分組成,形式如下:[code] 選擇器{樣式} [/code] 在{}之前的部分就是“選擇器”。“選擇器”指明了{}中的“樣式”的作用對象,也就是“樣式”作用于網頁中的哪些元素。