一,行內元素與塊級元素的三個區別
1.行內元素與塊級元素直觀上的區別
行內元素會在一條直線上排列,都是同一行的,水平方向排列
塊級元素各佔據一行,垂直方向排列。塊級元素從新行開始結束接著乙個斷行。
2.塊級元素可以包含行內元素和塊級元素。行內元素不能包含塊級元素。
3.行內元素與塊級元素屬性的不同,主要是盒模型屬性上
行內元素設定width無效,height無效(可以設定line-height),margin上下無效,padding上下無效
在標準文件流裡面,塊級元素具有以下特點:
①總是在新行上開始,佔據一整行;
②高度,行高以及外邊距和內邊距都可控制;
③寬頻始終是與瀏覽器寬度一樣,與內容無關;
行內元素的特點:
①和其他元素都在一行上;
②高,行高及外邊距和內邊距部分可改變;
③寬度只與內容有關;
④行內元素只能容納文字或者其他行內元素。
不可以設定寬高,其寬度隨著內容增加,高度隨字型大小而改變,
內聯元素
可以設定外邊界,但是外邊界不對上下起作用,只能對左右起作用,也可以設定內邊界,但是內邊界在ie6
中不對上下起作用,只能對左右起作用
塊級元素和行內元素可相互包含。
display:inline 對應不顯示為 display:none
display:block 對應不顯示為 hidden
說通俗點 樣式為none的元素不佔位置,而樣式為hidden的元素雖然不顯示但還是佔地方。
二。行內元素轉換為塊級元素
display:block (字面意思表現形式設為塊級)
三。行內元素與塊級元素
塊級元素列表
定義位址
定義**標題
定義列表中定義條目
定義文件中的分割槽或節
定義列表
定義列表中的專案
定義乙個框架集
建立 html 表單
div+css教程中,介紹了很多關於css網頁布局的知識。
css布局例項中,有很多與css布局有關的案例。
我們將會看到第乙個段落「div+css教程中,介紹了很多關於css網頁布局的知識。」文字顏色將會是藍色。而第二段則不受此css樣式的影響。
+和~的區別:類似上面乙個,兩者都表示兄弟關係,但是+必須是「大哥+二哥」,~還能是「大哥~三弟」、「二哥~四妹」
您可以用判斷html標籤的某個屬性是否存在的方法來定義css
屬性選擇器,是根據元素的屬性來匹配的,其屬性可以是標準屬性也可以是自定義屬性;!ie6,0 0 1 0
當然,也可以同時匹配多個屬性
所有偽元素選擇器都必須放在出現該偽元素的選擇器的最後面,也就是說偽元素選擇器不能跟任何派生選擇器
如:p:first-letter em {} 這就是不合法的,ie6不支援:first-letter,設定塊元素首字母樣式,行內元素轉換成塊元素和行內塊元素也支援;
div p:first-letter
//選擇div元素裡所有的p元素的第乙個字母或漢字,如果把塊元素轉換成行內元素則就不支援了
結構性偽類選擇器的冒號前邊可以跟乙個其他選擇器做為限定;
帶括號的選擇器,裡面一定要有引數;
匹配子元素,同時也會匹配孫子元素,因為子元素是孫子元素的父元素;
下面的 !lte8是指ie8一下瀏覽器不支援,包括ie8也不支援
:first-of-type,選擇相對父元素裡同型別子元素中的第乙個,!:enabled,指定元素處於可用狀態時的樣式,一般用於input,select和textarea
:disabled,指定元素處於不可用狀態時的樣式,一般用於input,select和textarea
:read-only,指定元素為唯讀狀態時的樣式,ff為-moz-read-only,一般用於input和textarea
:read-write,指定元素為只可寫狀態時的樣式,ff為-moz-read-write,一般用於input和textarea
:checked,指定元素被選中狀態時的樣式,ff為-moz-checked一般用於checkbox和radio
:default,指定元素預設選中的樣式,一般用於checkbox和radio
:indeterminate,指定預設一組單選或複選都沒被選中的樣式,只要有乙個被選中則樣式被取消,一般用於checkbox和radio
::selection,指定元素處理選中狀態時的樣式,可用於所有元素,上面的幾個基本上只用於表單元素;!lte8
由於對css的解釋是自上而下的,對於乙個元素的相同屬性描述,放在下面的會覆蓋掉位於上面的屬性描述,因此我們在對元素的選擇中一定要注意書寫順序,如:
a:visited
a:hover
a:hover
a:visited
如果鏈結被訪問過,則當你滑鼠移到鏈結上時不會變成藍色並有下劃線,依然保持綠色。
!important是css1就定義的語法,作用是提高指定樣式規則的應用優先權。語法格式,即寫在定義的最後面,例如:box
在css中,通過對某一樣式宣告! important ,可以更改預設的css樣式優先順序規則,使該條樣式屬性宣告具有最高優先順序,也就是相當於寫在最下面
預設情況下,css規則按級層覆蓋,例如在.css檔案中的定義可以被html檔案中里的定義覆蓋,反之不行;書寫在下面的定義可以覆蓋寫在上面的定義,反之不行。
然而,對覆蓋平衡而言,加上乙個「!important」就優先於正常的css規則。 例:
p p
p p
p p
在這些規則中 未被覆蓋的有: p
p p
W3C是什麼意思 W3C標準簡介
什麼是w3c w3c是英文 world wide web consortium 的縮寫,中文意思是w3c理事會或全球資訊網聯盟。w3c組織是對網路標準制定的乙個非贏利組織,像html xhtml css xml的標準就是由w3c來定製。w3c的主要規範 到目前為止,w3c已開發了超過50個規範 草案...
什麼是W3C標準
什麼是w3c標準?引子 目前w3c標準已經成為高階客戶設計 的首選,我們知道國內上網者中,用ie瀏覽器的比較多,但從國內或全世界的上網客戶來看,有些客戶並不是用ie來上網瀏覽內容的,他們會用 一些其它的瀏覽工具如 netscape,mozilla,firefox,opera等等,如果您的 不是採用的...
掃盲貼 W3C標準
全球資訊網聯盟 world wide web consortium,w3c 又稱w3c理事會。1994年10月在 麻省理工學院電腦科學實驗室成立。建立者是全球資訊網的發明者蒂姆 伯納斯 李。全球資訊網聯盟是國際著名的標準化組織。1994年成立後,至今已發布近百項相關全球資訊網的標準,對全球資訊網發展...