第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產生了非常濃厚的興趣,其實不是近期,從去年開...