[討論] css 模組化
我一直以為 web standard的核心是 html, css, script分離。
html不干涉樣式,只描述功能;
所以 class應盡量以功能命名,nav, menu ...
或是在內容之中扮演的角色,content, contentTitle... ←我覺得這已經有點偏了
取 red, yellow, top, left跟外觀有關的 class name一開始也許重用的很順利,
但是要做到外部 css更改,全站風格都統一更改的話,
可能 red變成 pink、top變 right?這樣不是很詭異…?
可是越來越常看到一些…不同的作法,像是 css裡寫:
.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.p10{padding:10px}
在 html裡把 class當行內樣式使用:<div class="m10 p10">content</div>
程式套起來實在很囉嗦……完全沒有模組化的感覺,
不能設 sideBarHead, sideBarContent, sideBarFooter,
要分別設 font-size, width...之類「模組化」過的 css class...
如果不提程式套版麻煩,
有什麼觀點、或是說法可以讓視覺設計「確切」的感覺到這樣做很糟糕?
或是有人也是用這種模組化的 css寫法?請問會想這樣做的優點是什麼?
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 123.193.134.180
→
12/06 00:31, , 1F
12/06 00:31, 1F
→
12/06 00:31, , 2F
12/06 00:31, 2F
→
12/06 00:32, , 3F
12/06 00:32, 3F
→
12/06 00:34, , 4F
12/06 00:34, 4F
→
12/06 00:34, , 5F
12/06 00:34, 5F
推
12/06 00:35, , 6F
12/06 00:35, 6F
→
12/06 00:35, , 7F
12/06 00:35, 7F
→
12/06 00:35, , 8F
12/06 00:35, 8F
→
12/06 00:36, , 9F
12/06 00:36, 9F
→
12/06 00:36, , 10F
12/06 00:36, 10F
推
12/06 00:45, , 11F
12/06 00:45, 11F
→
12/06 00:45, , 12F
12/06 00:45, 12F
→
12/06 00:47, , 13F
12/06 00:47, 13F
→
12/06 00:48, , 14F
12/06 00:48, 14F
推
12/06 00:58, , 15F
12/06 00:58, 15F
→
12/06 02:12, , 16F
12/06 02:12, 16F
推
12/07 17:18, , 17F
12/07 17:18, 17F
討論串 (同標題文章)