《CSS權威指南第三版》第一章的讀書筆記

2021-07-27 09:52:20 字數 1731 閱讀 5724

第1章 css和文件

1.    web的衰落

·        非結構化頁面的缺點:

o   非結構化頁面使得建立內容索引極為困難。不易被搜尋引擎搜到。

o   缺乏結構性會降低可訪問性。

o   高階頁面表現需要某種文件結構。

o   結構化標記更易於維護。

2.    css作救星

·        css的特點:

o   相比html有豐富的樣式。

o   css規則比html更加高效,可以集中在文件的某乙個位置。

o   能在多個頁面上使用樣式。

o   規定了衝突規則:層疊

o   縮減檔案大小:樣式表集中儲存,語法簡潔。

o   html正受到xml的衝擊,xml使用的樣式表很可能遵循css而且與之非常相似。

3.    元素

元素是文件結構的基礎。css2.1中,文件中每個元素都對應乙個框/box/盒,其中包含元素的內容。

a.    替換元素和非替換元素:第7章詳細討論

i.替換元素是指用來替換元素內容的部分並非由文件內容直接表示,比如。

ii.    大部分html/xhtml元素都是非替換元素,比如段落、標題、表單元格、列表等。

b.    元素顯示角色

i.   塊級元素

塊級元素的元素框預設填充父元素的內容區,旁邊不能有其他元素。效果如同元素框之前和之後生成了分隔符。html中塊元素的例子有p和div。

ii.     行內元素

行內元素在文字行內生成元素框,而不打斷這行文字。如xhtml中的a元素。

html和xhtml中塊級元素不能巢狀在行內元素中,但css中沒有任何巢狀限制。

4.    結合css和xhtml

除了擺放頁面內容,不要忘記頁面應當包含有某種結構含義的資訊。

a.    link標記

很少用但合法的標記。用於鏈結樣式表和文件。必須放在head元素中。鏈結的樣式表只能有樣式規則,不能有如html注釋的任何其他語言。

i.       屬性:本書p.20;

ii.       候選樣式表:只有使用者選擇候選樣式表時才會用於文件表現。如不指定title,將作為永久樣式表,始終用於文件顯示。

b.    style元素

標籤,而將樣式宣告識別為正常文字。解決辦法是將注釋開始標記放在style結束標記之前。這樣,較老的瀏覽器會完全忽略style標記和樣式宣告,因為注釋不會顯示出來,而能理解css的瀏覽器將正常讀採樣式表。

e.    css注釋

與c/c++注釋非常類似,css注釋用/*和*/包圍;類似於c++,注釋可以跨行。

注意,css注釋不能巢狀。

f.     內聯樣式

只想為單個元素指定一些樣式,而不需要巢狀或外部樣式表,就可以使用style屬性為head或title外的任何標記設定內聯樣式。與style容器內的宣告類似,但大括號要換成雙引號。

內聯只能放乙個宣告塊,不能放整個樣式表,因此不能有@import或包含完整的規則。

內聯提供了強大的靈活性,但不方便css控制整個文件的集中式樣式。不推薦使用。

CSS權威指南(第三版)

很早就買了這本書,之前都是斷斷續續地看,前段時間總算是花時間系統的把它看了一遍。嚴格的說是第二次才把這本書系統的看完,之前是因為很多知識點看不懂,所以沒有系統看。雖然這一次也有好多知識點沒有看懂。但是每一次看這本書總有不一樣的收穫,因為每一次你都在提高,我想這本書會一直陪伴著我。這本書講的非常通俗,...

著色器語言第三版筆記(第一章)

第一章1.1 opengl歷史 1.2 opengl發展 1.3 執行模型 opengl執行模型可以被描述為客戶 伺服器。應用程式 客戶 發出opengl指令,然後由乙個opengl實現 伺服器 解釋和處理這些命令。1.4 幀緩衝區 1.5 狀態 1.6 處理管線 解釋上圖步驟 2.per vert...

Linux權威指南(第三版)讀書日誌

這是我第一次在csdn上寫東西,說來也怪,註冊也有一段時間了 但是並沒有想過要寫些什麼東西,或許曾經有過這樣的衝動,又或許被n多理由搪塞過去了,今天,我決定從頭開始,將學習中發現的問題與淺見寫出來,來應驗好記性不如爛筆頭這句話。從 寫起呢,最近對linux產生了非常濃厚的興趣,其實不是近期,從去年開...