W3C標準化學習梳理

2021-07-10 17:20:36 字數 2821 閱讀 1661

一,行內元素與塊級元素的三個區別

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年成立後,至今已發布近百項相關全球資訊網的標準,對全球資訊網發展...