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

首頁 > 開發 > CSS > 正文

詳解CSS的DRY編程方式

2024-07-11 09:06:37
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了詳解CSS的DRY編程方式,是OOCSS之外另一個流行的編寫CSS的通用規則,需要的朋友可以參考下
 
 

DRY就是Donot repeat youself 不要重復。但其實這個名字有點無趣,哪個理論不是消除重復呢,但如何消除才是意義所在??偟膩碚f我認為DRYCSS與OOCSS是兩個極端,所以我將會以對比的方式來講講DRYCSS的內容。使用DRYCSS很簡單,三步。

1. 分組可復用屬性

DRYCSS跟OOCSS有點像,第一步都是分組樣式,消除重復,但就像我說的,關鍵在于如何。OOCSS將樣式集合看作對象,所以分組的邏輯是,某個元素本身應該是什么樣的,而DRYCSS則關注重復,無論什么邏輯,只要是一樣的就應該只有一個。其中粒度是值得思考的問題,如果太細,那只會成為一行樣式一組這樣無意義的情況,如果太粗,又會變成毫無復用性的龐然大物。我認為可以將一些有關聯的缺了A時B就沒作用的樣式分為一組,還可以將某些慣用搭配分為一組。下面舉個例子:

CSS Code復制內容到剪貼板
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 潜江市| 上饶县| 根河市| 诸城市| 连山| 南漳县| 普格县| 延长县| 宜黄县| 祁连县| 乐东| 临夏市| 永平县| 临海市| 南丹县| 梅州市| 鲁山县| 沁源县| 安新县| 孟村| 乐平市| 峨边| 天全县| 永顺县| 宣城市| 达尔| 辽阳市| 会宁县| 咸丰县| 拉孜县| 漠河县| 铜山县| 盐山县| 普兰店市| 济南市| 泊头市| 雷波县| 缙云县| 泌阳县| 江城| 新竹市|