国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

8個簡單實用的CSS秘訣

2024-07-11 08:24:32
字體:
來源:轉載
供稿:網友

下面列出了一些可以幫助你改善CSS樣式表的簡單實用的方法,如果你剛剛開始使用CSS,這篇日志可以幫助你更好的理解CSS。

#1. 結構

保持CSS結構清晰,不僅有助于保持CSS文件的簡單,也利于日后的檢查、更改。

結構不好的CSS代碼示例

結構良好的CSS代碼示例

#2. 保持簡潔

保持代碼簡潔,可以大幅減小CSS文件的大小。

不簡潔的CSS代碼示例

簡潔的CSS代碼示例

#3. Padding vs. Margin

對于瀏覽器來說,Margin是兼容性最差的一個屬性。因此,只要條件允許,應該盡可能的使用Padding屬性。

#4. 整合

在下面的例子中定義了一個公共的Class,來代替不同的地方都要用到的相同的代碼:color:grey。

未整合的CSS代碼示例

整合的CSS代碼示例

#5. 注釋

在適當的位置加入一條簡單的注釋,不僅有助于你了解代碼,其他人也可以很好的理解你的代碼。

注釋代碼

#6. 驗證

最好對已經創建好的CSS文件進行驗證,這樣可以幫助你找到文件中存在的錯誤。W3C CSS 驗證服務

#7. 避免在XHTML中使用樣式

不要在Xhtml代碼中使用樣式,這樣不僅會增加網頁文件的大小,而且也會使代碼混亂,變復雜。

混亂的Xhtml代碼

#8. 命名

使用標準的可以從字面上正確理解的ID和Class名稱,而不僅僅是代號。

不正確的CSS代碼

正確的CSS代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 南召县| 林周县| 卢湾区| 徐闻县| 宜昌市| 大理市| 屯门区| 镇康县| 瑞金市| 鹤庆县| 加查县| 铁岭县| 泸西县| 保康县| 普陀区| 承德县| 广宗县| 大庆市| 观塘区| 丹棱县| 乐昌市| 巴林左旗| 新巴尔虎左旗| 江永县| 高雄县| 安新县| 宁都县| 淮阳县| 云林县| 宝鸡市| 四川省| 渝北区| 共和县| 通海县| 清镇市| 沈阳市| 忻州市| 泰宁县| 卢氏县| 若羌县| 社旗县|