管理、維護 CSS 不是一件簡單的事,有基本要注意的技巧,也有因為習慣不同而產生的不同派別作法。
css註解 在 MUKI SPACE INC. Facebook 的精選貼文
大家在寫 css 的時候,如果寫到一些測試的資料,通常會怎麼標記呢 ??
我以前都是不管他,最近開始習慣用縮進,例如像下面的 background: #eee 就用縮進表示這是測試的語法。
.thumb {
float: left;
margin-right: 5px;
width: 115px;
height: 65px;
background: #eee;
}
但是在用 SASS 滿滿的巢狀裡頭就有很多縮進了,所以這並不直覺也不一目了然,最近在想是不是還是要用註解的方式取代縮進,搜尋上也比較方便。
但如果沒用 SASS ,純粹用 CSS 的朋友,用縮進的方式還蠻直覺的 XDDD
css註解 在 通順一致的CSS編寫原則 - GitHub 的推薦與評價
這是一份持續更新的文件,而且永遠歡迎新的想法,別吝於貢獻。 目錄. 通用原則; 空格; 註解; 格式; 實例. ... <看更多>
css註解 在 CSS總整理 - 教學網站 的推薦與評價
在CSS 檔案的開頭,我會寫一份目錄(以註解形式撰寫),例如: ... 如果你在維護一份規模較大的CSS 樣式表檔案,對應的區塊也會在同一個檔案裡。 ... <看更多>
css註解 在 [問題] css 的單行註解是不是有兼容問題? - 看板Web_Design 的推薦與評價
有時候在 firefox 裡,我的 CSS 會失效。
把單行註解都換掉後就正常了。
單行註解: // 註解到行尾
多行註解: /* 註解到下一個星號斜線為止 */
## 單行註解的問題 ##
猜想是有時瀏覽器會把壓縮 CSS 檔,
把多行併成一行。
dt {
float: left; // 讓 dt 保持在同行
text-weight: 500;
}
會變成:
dt{ float: left; // 讓 dt 保持在同行 text-weight: 500; }
讓其它東西也被註解掉;
而註解掉大括號就會錯誤……。
參考:
https://lists.w3.org/Archives/Public/public-html-ig-zh/2012Sep/0000.html
(註:
W3C HTML5 中文興趣小組是一群人把 w3c 的討論翻成中文,
一起討論的……,一群人吧?)
## 不喜歡多行註解 ##
我用多行註解不習慣的原因是如果一系列樣式:
dt {
float: left; /* 讓 dt 保持在同行 */
text-weight: 500;
}
想直接停用;註解掉會不太方便。
/*
dt {
float: left; /* 讓 dt 保持在同行 */
text-weight: 500;
}
*/
註解會被 float 那行的註解結束,然後格式錯誤……。
還要去注意。
--
sent from mySQL.
--
※ 發信站: 夢之大地 (ccns.cc), 來自: 140.116.249.140
※ 文章網址: telnet://ccns.cc/
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.116.102.105
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1456285299.A.E04.html
... <看更多>