[css] 你知道什么是面向对象的css(oocss)吗?有没有实践过?
生活随笔
收集整理的這篇文章主要介紹了
[css] 你知道什么是面向对象的css(oocss)吗?有没有实践过?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
[css] 你知道什么是面向對象的css(oocss)嗎?有沒有實踐過?
oocss(Object Oriented CSS)不是一種技術也不是一種語言,它是一種css的書寫方法,其核心是用最簡單的方式編寫最整潔的css代碼,使代碼更具重用性、可維護性和可拓展性。 OOCSS的兩條主要準則: 1.結構和皮膚分離; 2.容器和內容分離;比如一些常用的字體大小、padding、margin值等可以封裝為公共樣式,html中引用多個類似的類名達到UI效果,減少特性css的代碼量 .text-12{ font-size: 12px; } .text-14{ font-size: 14px; } .text-16{ font-size: 16px; }個人簡介
我是歌謠,歡迎和大家一起交流前后端知識。放棄很容易,
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
總結
以上是生活随笔為你收集整理的[css] 你知道什么是面向对象的css(oocss)吗?有没有实践过?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Simulink之晶闸管(可控硅SCR)
- 下一篇: 自然语言处理-错字识别(基于Python