中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css的書寫規范是什么

發布時間:2020-09-14 15:17:17 來源:億速云 閱讀:163 作者:小新 欄目:web開發

小編給大家分享一下css的書寫規范是什么,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!

CSS書寫順序

1.位置屬性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing, color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)

css的書寫規范是什么

CSS書寫規范使用CSS縮寫屬性

CSS有些屬性是可以縮寫的,比如padding,margin,font等等,這樣精簡代碼同時又能提高用戶的閱讀體驗。

css的書寫規范是什么

去掉小數點前的“0”

css的書寫規范是什么

簡寫命名

很多用戶都喜歡簡寫類名,但前提是要讓人看懂你的命名才能簡寫哦!

css的書寫規范是什么

16進制顏色代碼縮寫

有些顏色代碼是可以縮寫的,我們就盡量縮寫吧,提高用戶體驗為主。

css的書寫規范是什么

連字符CSS選擇器命名規范

1.長名稱或詞組可以使用中橫線來為選擇器命名。

2.不建議使用“_”下劃線來命名CSS選擇器,為什么呢?

輸入的時候少按一個shift鍵;

瀏覽器兼容問題 (比如使用_tips的選擇器命名,在IE6是無效的)

能良好區分JavaScript變量命名(JS變量命名是用“_”)

css的書寫規范是什么

不要隨意使用id

id在JS是唯一的,不能多次使用,而使用class類選擇器卻可以重復使用,另外id的優先級優先與class,所以id應該按需使用,而不能濫用。

css的書寫規范是什么

為選擇器添加狀態前綴

有時候可以給選擇器添加一個表示狀態的前綴,讓語義更明了,比如下圖是添加了“.is-”前綴。

css的書寫規范是什么

CSS命名規范(規則)常用的CSS命名規則

頭(header),內容(content/container)尾(footer),導航(nav),側欄(sidebar),欄目(column),頁面外圍控制整體佈局寬度(wrapper),左右中(left right center),登錄條(loginbar),標志(logo),廣告(banner)頁面主體(main),熱點(hot),新聞(news),下載(download),子導航(subnav),菜單(menu),子菜單(submenu),搜索(search),友情鏈接(friendlink),頁腳(footer),版權(copyright),滾動(scroll),內容(content),標簽(tags),文章列表(list),提示信息(msg),小技巧(tips),欄目標題(title),加入(joinus),指南(guide),服務(service),注冊(regsiter),狀態(status),投票(vote),合作伙伴(partner)

注釋的寫法:
/* Header */內容區/* End Header */

id的命名:

1)頁面結構

容器: container,頁頭:header,內容:content/container,頁面主體:main,頁尾:footer,導航:nav,側欄:sidebar,欄目:column,頁面外圍控制整體佈局寬度:wrapper,左右中:left right center

(2)導航

導航:nav,主導航:mainnav,子導航:subnav,頂導航:topnav,邊導航:sidebar,左導航:leftsidebar,右導航:rightsidebar,菜單:menu,子菜單:submenu,標題: title,摘要: summary

(3)功能

標志:logo,廣告:banner,登陸:login,登錄條:loginbar,注冊:register,搜索:search,功能區:shop,標題:title,加入:joinus,狀態:status,按鈕:btn,滾動:scroll,標籤頁:tab,文章列表:list,提示信息:msg,當前的: current,小技巧:tips,圖標: icon,注釋:note,指南:guild,服務:service,熱點:hot,新聞:news,下載:download,投票:vote,合作伙伴:partner,友情鏈接:link,版權:copyright

注意事項::
1.一律小寫;
2.盡量用英文;
3.不加中槓和下劃線;
4.盡量不縮寫,除非一看就明白的單詞。

CSS樣式表文件命名

主要的(master.css) ,模塊(module.css) ,基本共用 (base.css),布局、版面 (layout.css),主題( themes.css),專欄(columns.css) ,文字( font.css),表單 (forms.css),補丁( mend.css),打印 (print.css)

看完了這篇文章,相信你對css的書寫規范是什么有了一定的了解,想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

汤原县| 广东省| 子长县| 栾川县| 宜君县| 宾阳县| 定襄县| 靖州| 花垣县| 长治市| 香格里拉县| 东莞市| 错那县| 嘉峪关市| 林口县| 鹰潭市| 九龙城区| 四子王旗| 行唐县| 河津市| 米脂县| 那曲县| 长沙市| 肇源县| 威海市| 来安县| 梨树县| 湾仔区| 蕉岭县| 碌曲县| 上杭县| 青铜峡市| 焦作市| 桂林市| 方正县| 南充市| 宣城市| 张掖市| 正镶白旗| 奇台县| 阜城县|