在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 請教關(guān)于OOCSS的規(guī)則之結(jié)構(gòu)與樣式分離

請教關(guān)于OOCSS的規(guī)則之結(jié)構(gòu)與樣式分離

分離結(jié)構(gòu)與樣式

獨立的結(jié)構(gòu)和樣式(皮膚)規(guī)則(Separate structure and skin)

.metadata{font-size:1.2em; text-align:left; margin:10px 0;}
.metadata{        
    font-size:1.2em; 
    margin:10px 0;
    
    /*在基礎(chǔ)組件上新加的樣式*/
    width:500px; 
    background-color:#efefef; 
    color:#fff;
}

我們不應(yīng)該給樣式創(chuàng)建類似于“border,width,height,background”等樣式規(guī)則,不然在不同容器中使用就會發(fā)生杯具

前面創(chuàng)建的基礎(chǔ)組件“meta data”就成了一個特定的組件了,在其他的容器中就難以重用了,從而失去了我們最開始使用OOCSS的宗旨了

https://www.w3cplus.com/css/o...
上面是大漠對oocss規(guī)則之 分離結(jié)構(gòu)與樣式 的描述,但是什么屬于結(jié)構(gòu)什么屬于樣式(皮膚),并沒有明確的劃分,所以請教下大家

回答
編輯回答
生性
但是什么屬于結(jié)構(gòu)什么屬于樣式(皮膚),并沒有明確的劃分,所以請教下大家

就是一樣的屬于結(jié)構(gòu),不一樣的屬于皮膚,皮膚就是想怎么換怎么換不要都行。
OO是一個對象1,男人是繼承的一個對象2。
OOCSS里,是一個對象,是一個皮膚。但是是不是一定要這樣劃分呢,其實也不是,比如你的需求可能男人是一個對象,Man是皮膚,所以這都屬于顆粒度的問題,你沒有那需求不可能非要你拆成無數(shù)的小對象。

我們不應(yīng)該給樣式創(chuàng)建類似于“border,width,height,background”等樣式規(guī)則

因此其實這句話是一句建議,很難有明確的劃分。

2018年6月21日 02:01
編輯回答
尐潴豬

這個要參考具體工程來界定,不是一概而就的。
簡單說,就是要根據(jù)數(shù)據(jù)模型在工程中的定義,屬于數(shù)據(jù)模型的就是結(jié)構(gòu),此外用于數(shù)據(jù)模型展示的控制性屬性就是屬于樣式了。

2018年5月12日 05:22