一般公司開發(fā)都是給技術(shù)員一本網(wǎng)站前端開發(fā)規(guī)范,里面詳細(xì)的說明了各個命名的規(guī)則等相關(guān)的問題。
成都創(chuàng)新互聯(lián)是一家專業(yè)提供保亭黎族企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、HTML5建站、小程序制作等業(yè)務(wù)。10年已為保亭黎族眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。
使用Dreamweaver CS5創(chuàng)建新的CSS規(guī)則 打開文檔,將光標(biāo)移動到要插入CSS規(guī)則的位置上,然后選擇下面的任意一種方法打開“新建 CSS 規(guī)則”對話框。
首先 來為你解決第一個問題:div+css命名規(guī)則一般都是用詞的英文格式, 如果那個詞英文較長就用前三個字母。
內(nèi)聯(lián)樣式表 直接在HTML標(biāo)記內(nèi),插入sytle屬性,再定義要顯示的樣式,這是最簡單的樣式定 義方法。
這個時候給指定的表格對象設(shè)置樣式依然可以通過CSS進(jìn)行控制設(shè)置。其實有時我們這樣思考將table標(biāo)簽當(dāng)作DIV標(biāo)簽來布局設(shè)置CSS,就變得簡單多了。
根據(jù)模塊的主旨用途命名。比如div class=search/div,代表搜索框區(qū)域。這樣你以后維護修改起來也會直觀的知道哪個層是做什么的。
如果你的css文件中不含中文,那么聲明或不聲明都是沒區(qū)別的,因為純英文的文檔不管是utf-8編碼還是ansi編碼都是完全一樣的。但是如果含有中文(哪怕只有一個字或符號),也必須聲明(當(dāng)然不聲明的話會默認(rèn)為ansi編碼)。
在CSS中,class選擇器是一個以點(“.”)開頭的名稱,而ID選擇器是一個以哈希字符 (“?!保╅_頭的名稱。
可以是任何標(biāo)簽,這里拿p標(biāo)簽舉例)id選擇器:#id{...} 類選擇器:.class{...} 父子選擇器:.class p{...} 或者 #id .class p{...}(等等)還有許多選擇器器,你可以百度“CSS選擇器”來看看詳細(xì)的解釋。
1、打開CSS樣式面板使用“CSS樣式”面板可以查看、創(chuàng)建、編輯和刪除CSS樣式,也可以將外部樣式表附加到文檔。
2、display:block; //將標(biāo)簽改成塊元素,塊元素是單獨占一行的。clear:both; //清除浮動實現(xiàn)換行。white-space:break; //這個一般適用在英文文章中的折行。
3、dreamweaver是夢想編織者。簡稱“DW”,是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁代碼編輯器,利用對HTML、CSS、JavaScript等內(nèi)容的支持,設(shè)計師和程序員可以在幾乎任何地方快速制作和進(jìn)行網(wǎng)站建設(shè)。
1、一般都記不住自己定義的class,寫css的時候只好對著去拷貝。然后最痛苦的就是去修改更新,明明很簡單的東西,然后你還要搞個超長的class,那叫一個煩躁,想想都懶得動手。
2、你只需要在你的.html文件中插入一個prefixfree.js文件(可以是文檔任何地方),建議把這個腳本文件放在樣式表之后。 添加這個腳本之后,使用CSS3的屬性時,只需書寫標(biāo)準(zhǔn)樣式即可。但是這種做法將所有壓力交給了客戶端來處理。
3、各位大神好,我的代碼是這樣的,我想要的是設(shè)置class=alt 的都一樣的顏色(如代碼中的“姓名”和“班級”),但下面的代碼,優(yōu)于姓名下有超鏈接,好像就不行(顏色是COLOR: #666666;)。
4、多元素操作符* 使用后跟數(shù)字,生成對于數(shù)量的元素ulli*5生成。
5、首先要說的是,HTML和CSS兩兄弟雖然彼此充滿基情,但是也不能把關(guān)系搞得太復(fù)雜,樣式由CSS來控制就夠了,不要用HTML元素來強行獲取想要的樣式,比如不要僅僅為了使文字變大而使用、、這些標(biāo)題標(biāo)簽,也不要僅僅為了縮進(jìn)而使用標(biāo)簽。
6、從本質(zhì)上說,我們將會在樣式表中使用 .className [class^=className],[class*= className] 效仿vanilla CSS的擴展功能。如果你對這種語法比較眼熟,這是因為它和 Icomoon 處理圖標(biāo)選擇是十分相似的。
大小寫敏感只能包含[a-zA-Z0-9]、-,其中不能以、-、0-9開頭在CSS的命名規(guī)范中,名稱不能以數(shù)字開始,只能以字母、連字符、下劃線開始。之后可以是字母、連字符、下劃線或數(shù)字。
@import main.css;這樣就可以在IE4中也隱藏CSS了,呵呵,還節(jié)省了5個字節(jié)呢。
至此,我們的class命名方法討論完畢,說到底就是先記住一些必備的基礎(chǔ)關(guān)鍵詞,然后合理應(yīng)用上剛才提出的修飾關(guān)鍵詞,特殊化class,層級及最后的樣式范圍就可以了。
連字符CSS選擇器命名規(guī)范 長名稱或詞組可以使用中橫線來為選擇器命名。
文件[建議]:CSS文件使用無BOM的UTF-8編碼2縮進(jìn)[強制]:使用 4 個空格做為一個縮進(jìn)層級,不允許使用 2 個空格 或 tab 字符。.selector { margin: 0; padding: 0; }3空格[強制]:選擇器 與 { 之間必須包含空格。
本文標(biāo)題:css樣式命名技巧 css樣式命名技巧有哪些
瀏覽路徑:http://aaarwkj.com/article44/dgcsihe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航、服務(wù)器托管、、網(wǎng)頁設(shè)計公司、移動網(wǎng)站建設(shè)、App設(shè)計
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)