css樣式命名技巧 css樣式命名技巧有哪些

怎么給div+css樣式表命名的規(guī)則

一般公司開發(fā)都是給技術(shù)員一本網(wǎng)站前端開發(fā)規(guī)范，里面詳細(xì)的說明了各個(gè)命名的規(guī)則等相關(guān)的問題。

成都創(chuàng)新互聯(lián)是一家專業(yè)提供保亭黎族企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、HTML5建站、小程序制作等業(yè)務(wù)。10年已為保亭黎族眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。

使用Dreamweaver CS5創(chuàng)建新的CSS規(guī)則 打開文檔，將光標(biāo)移動(dòng)到要插入CSS規(guī)則的位置上，然后選擇下面的任意一種方法打開“新建 CSS 規(guī)則”對(duì)話框。

首先 來為你解決第一個(gè)問題：div+css命名規(guī)則一般都是用詞的英文格式， 如果那個(gè)詞英文較長(zhǎng)就用前三個(gè)字母。

內(nèi)聯(lián)樣式表 直接在HTML標(biāo)記內(nèi)，插入sytle屬性，再定義要顯示的樣式，這是最簡(jiǎn)單的樣式定 義方法。

這個(gè)時(shí)候給指定的表格對(duì)象設(shè)置樣式依然可以通過CSS進(jìn)行控制設(shè)置。其實(shí)有時(shí)我們這樣思考將table標(biāo)簽當(dāng)作DIV標(biāo)簽來布局設(shè)置CSS，就變得簡(jiǎn)單多了。

根據(jù)模塊的主旨用途命名。比如div class=search/div，代表搜索框區(qū)域。這樣你以后維護(hù)修改起來也會(huì)直觀的知道哪個(gè)層是做什么的。

css命名時(shí)可以使用的符號(hào)有中文

如果你的css文件中不含中文，那么聲明或不聲明都是沒區(qū)別的，因?yàn)榧冇⑽牡奈臋n不管是utf-8編碼還是ansi編碼都是完全一樣的。但是如果含有中文（哪怕只有一個(gè)字或符號(hào)），也必須聲明（當(dāng)然不聲明的話會(huì)默認(rèn)為ansi編碼）。

在CSS中，class選擇器是一個(gè)以點(diǎn)（“.”）開頭的名稱，而ID選擇器是一個(gè)以哈希字符 （“＃”）開頭的名稱。

可以是任何標(biāo)簽，這里拿p標(biāo)簽舉例）id選擇器：#id{...} 類選擇器：.class{...} 父子選擇器：.class p{...} 或者 #id .class p{...}（等等）還有許多選擇器器，你可以百度“CSS選擇器”來看看詳細(xì)的解釋。

Dreamweaver應(yīng)用、刪除或重命名類樣式

1、打開CSS樣式面板使用“CSS樣式”面板可以查看、創(chuàng)建、編輯和刪除CSS樣式，也可以將外部樣式表附加到文檔。

2、display：block； //將標(biāo)簽改成塊元素，塊元素是單獨(dú)占一行的。clear：both； //清除浮動(dòng)實(shí)現(xiàn)換行。white-space：break； //這個(gè)一般適用在英文文章中的折行。

3、dreamweaver是夢(mèng)想編織者。簡(jiǎn)稱“DW”，是集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁(yè)代碼編輯器，利用對(duì)HTML、CSS、JavaScript等內(nèi)容的支持，設(shè)計(jì)師和程序員可以在幾乎任何地方快速制作和進(jìn)行網(wǎng)站建設(shè)。

class如何命名更規(guī)范_html/css_WEB-ITnose

1、一般都記不住自己定義的class，寫css的時(shí)候只好對(duì)著去拷貝。然后最痛苦的就是去修改更新，明明很簡(jiǎn)單的東西，然后你還要搞個(gè)超長(zhǎng)的class，那叫一個(gè)煩躁，想想都懶得動(dòng)手。

2、你只需要在你的.html文件中插入一個(gè)prefixfree.js文件(可以是文檔任何地方)，建議把這個(gè)腳本文件放在樣式表之后。 添加這個(gè)腳本之后，使用CSS3的屬性時(shí)，只需書寫標(biāo)準(zhǔn)樣式即可。但是這種做法將所有壓力交給了客戶端來處理。

3、各位大神好，我的代碼是這樣的，我想要的是設(shè)置class=alt 的都一樣的顏色（如代碼中的“姓名”和“班級(jí)”），但下面的代碼，優(yōu)于姓名下有超鏈接，好像就不行（顏色是COLOR： #666666；）。

4、多元素操作符* 使用后跟數(shù)字，生成對(duì)于數(shù)量的元素ulli*5生成。

5、首先要說的是，HTML和CSS兩兄弟雖然彼此充滿基情，但是也不能把關(guān)系搞得太復(fù)雜，樣式由CSS來控制就夠了，不要用HTML元素來強(qiáng)行獲取想要的樣式，比如不要僅僅為了使文字變大而使用、、這些標(biāo)題標(biāo)簽，也不要僅僅為了縮進(jìn)而使用標(biāo)簽。

6、從本質(zhì)上說，我們將會(huì)在樣式表中使用 .className [class^=className]，[class*= className] 效仿vanilla CSS的擴(kuò)展功能。如果你對(duì)這種語(yǔ)法比較眼熟，這是因?yàn)樗?Icomoon 處理圖標(biāo)選擇是十分相似的。

CSS如何正確命名

大小寫敏感只能包含[a-zA-Z0-9]、-，其中不能以、-、0-9開頭在CSS的命名規(guī)范中，名稱不能以數(shù)字開始，只能以字母、連字符、下劃線開始。之后可以是字母、連字符、下劃線或數(shù)字。

@import main.css；這樣就可以在IE4中也隱藏CSS了，呵呵，還節(jié)省了5個(gè)字節(jié)呢。

至此，我們的class命名方法討論完畢，說到底就是先記住一些必備的基礎(chǔ)關(guān)鍵詞，然后合理應(yīng)用上剛才提出的修飾關(guān)鍵詞，特殊化class，層級(jí)及最后的樣式范圍就可以了。

連字符CSS選擇器命名規(guī)范 長(zhǎng)名稱或詞組可以使用中橫線來為選擇器命名。

文件[建議]：CSS文件使用無BOM的UTF-8編碼2縮進(jìn)[強(qiáng)制]：使用 4 個(gè)空格做為一個(gè)縮進(jìn)層級(jí)，不允許使用 2 個(gè)空格 或 tab 字符。.selector { margin： 0； padding： 0； }3空格[強(qiáng)制]：選擇器 與 { 之間必須包含空格。

本文標(biāo)題：css樣式命名技巧 css樣式命名技巧有哪些
瀏覽路徑：http://muchs.cn/article44/dgcsihe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、服務(wù)器托管、、網(wǎng)頁(yè)設(shè)計(jì)公司、移動(dòng)網(wǎng)站建設(shè)、App設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)