谷歌HTML CSS樣式指南 通用規則

2021-09-01 07:24:51 字數 956 閱讀 1873

http:https:),除非相應的檔案不屬於這兩種協議。

相對而言,省略協議可以解決url混合內容的問題並能略微減小檔案。

/* 不推薦 */

.example

/* 推薦 */

.example

一次縮排兩個空格,不要使用tab或混合使用tab和空格。

.example

只使用小寫。

所有**必須用小寫:包括元素名稱,屬性attributes,屬性值(除非text/cdata型別),選擇器,屬性properties和屬性值(字串除外)。

ps: 兩個屬性實在不會翻譯,乙個是xml規範定義的,應該指類如html裡的name屬性;另乙個是css裡的類如 .class-selector的width屬性。

home

刪除尾隨空格。

尾隨空格是不必要的,只會使檔案複雜。

what?_

yes please.

使用utf-8(無bom)。

請確保你的編輯器使用的字元編碼​​為utf-8,並且沒有位元組順序標記。在html中通過指定檔案的編碼。不要指定樣式表的編碼。(更多關於編碼以及如何指定它們的問題參見

character sets & encodings in xhtml, html and css。)

在需要的地方注釋**。

用注釋說明你的**:**包含了什麼?目的是什麼?為什麼用多種解決方案,哪個又是首選?

(此條要求可選,不被強制要求。依據專案的複雜程度不同,html和css的里程碑控制非常麻煩。)

用todo標記待做任務列表。

用關鍵字todo來高亮待做列表,而不用其他常見格式,如@@

用「todo(聯絡人)」的方式,在括號中增加聯絡人或郵件位址,在冒號後面增加任務說明。

test

to be continue....

HTML CSS樣式總結

2.行內式 內聯式 3.id選擇器 4.類,偽類.屬性選擇器 5.標籤選擇器 css樣式新增選擇器 多 控制項 選擇器 提公升指定樣式規則的應用優先權,即 important為開發者提供了乙個增加樣式權重的方法,讓瀏覽器首選執行這個語句。color blue 這是一行文字 說明 寫在標籤內的樣式 b...

HTML CSS網頁樣式筆記

模板 後台資料庫模板 模板之家 原始碼之家 文字樣式 偽類列表 背景漸變色 盒子模型 display 浮動overflow z index 圖層 標籤名.類名 id名 span標籤大多用來突出主題類的字型 字型設定 font family 宋體 字型大小 font size 20px 字型粗細 fo...

HTML css樣式引用方式

1 使用行內樣式表 語法 在標籤內部寫入乙個style屬性。優點 沒有樣式表檔案,在某些時候可以提高效率 優先順序高。缺點 多個頁面難以共享樣式,不利於 復用 html和css 混雜,不利於程式設計師和搜尋引擎閱讀。2 使用內部樣式表 語法 在head標籤寫乙個style標籤,在style標籤裡面通...