CSS的注釋部分程式設計引申

2022-09-24 17:33:13 字數 1270 閱讀 1780

css注釋

就像html教程中描述的一樣,在css文件中注釋也起到很重要的作用,可以幫助我們記起css的含義,載入在html文件的位置等.

css注釋的開始使用/*,結束使用*/

css注釋語法

css code複製內容到剪貼簿

風格建議

我使用行寬不超過 80 位元組的文件塊風格注釋:

css code複製內容到剪貼簿

在注釋中應當盡量詳細描述**,因為對你來說清晰易懂的內容對其他人可能並非如此。每寫一部分**就要專門寫注釋以詳解。

注釋的拓展用法

注釋有許多很高階的用法,例如:

準修飾選擇器(quasi-qualified selectors)

**標籤

繼承標記

準修飾選擇器(quasi-qualified selectors)

你應當避免過分修飾選擇器,例如如果你能寫 .n**{} 就盡量不要寫 ul.n**{}。過分修飾選擇器將影響效能,影響 class 復用性,增加選擇器私有度。這些都是你應當竭力避免的。

不過apxmwkalj有時你可能希望告訴其他開發者 class 的使用範圍。以 .product-page 為例,這個 class 看起來像是乙個根容器,可能是 html 或者 body 元素,但是僅憑 .product-page 則無法判斷。

我們可以在選擇器前加上準修飾(即將前面的型別選擇器注釋掉)來描述我們規劃的 class 作用範圍:

css code複製內容到剪貼簿

這樣我們就能準確獲知該 class 的作用範圍而不會影響復用性。

其它例子如:

css code複製內容到剪貼簿

這樣我們就能在不影響**私有度的前提下獲知 class 作用範圍。

**標籤

如果你寫了一組新樣式的話,可以在它上面加上標籤,例如:

這些標籤可以使得其他開發者快速找到相關**。如果乙個開發者需要查詢和列表相關的部分,他只要搜尋 ^lists 就能快速定位到 .n**,.matrix 以及其它相關部分。

繼承標記

將物件導向的思路用於 css 編寫的話,你經常能找到兩部分 css 密切相關(其一為基礎,其一為拓展)卻分列兩處。我們可以用繼承標記來在原元素和繼承元素之間建立緊密聯絡。這些在注釋中的寫法如下:

在元素的基本樣式中:

css code複製內容到剪貼簿

在元素的拓展樣式中:

css code複製內容到剪貼簿

這樣一來我們就能在兩塊相隔很遠的**間建立緊密聯絡。

本文標題: css的注釋部分程式設計引申

本文位址:

html注釋 和css注釋的區別

一般會使用在一些主要節點標籤結束的後邊。是為了程式在巢狀的時候更加方便 明了。html 注釋是用於html源 內。注釋內容 單行注釋不能使用 注釋說明內容 一般會使用在定義某個模組樣式的上邊,說明這段樣式是作用於哪段模組。css 注釋只能使用於css 中。亂用的後果 css注釋使用html注釋,ht...

CSS中的背景部分程式設計學習教程

在css裡面,每個元素盒子都可以想象成由兩個圖層組成。前景層 內容 如文字或 和邊框。背景層 用實色填充 使用 background color 屬性 也可以包含任意多個背景 使用 background image 屬性 背景疊加在背景顏色之上。在 css3 被瀏覽器實現程式設計客棧之前,只能在背景...

學習css的部分總結

css 一.css概述 html 控制樣式的弊端 相同的樣式效果,通過不同的屬性或標記來完成的 程式 可維護性 可重用性 不高 通過 css 解決上述問題 可以讓 各個元素 都使用統一的 樣式宣告 從而提高程式的可重用性和可為維護性 什麼是css css cascading style sheet ...