css樣式的基本規則是什么？

1、選擇器用于指定CSS樣式作用的HTML對象，花括號內是對該對象設置的具體樣式。

創新互聯建站制作網站網頁找三站合一網站制作公司,專注于網頁設計,成都做網站、網站制作,網站設計,企業網站搭建,網站開發,建網站業務,680元做網站,已為1000+服務,創新互聯建站網站建設將一如既往的為我們的客戶提供最優質的網站建設、網絡營銷推廣服務!

2、屬性和屬性值以“鍵值對“?的形式出現。

3、屬性是對指定的對象設置的樣式屬性，例如字體大小、文本顏色等。

4、屬性和屬性值之間用英文“:“連接。

5、多個“鍵值對”之間用英文“;”進行區分。可以用段落和表格的對齊的演示。

CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。

擴展資料：

CSS作為一種定義樣式結構如字體、顏色、位置等的語言，被用于描述網頁上的信息格式化和顯示的方式。CSS樣式可以直接存儲于HTML網頁或者單獨的樣式單文件。

無論哪一種方式，樣式單包含將樣式應用到指定類型的元素的規則。外部使用時，樣式單規則被放置在一個帶有文件擴展名_css的外部樣式單文檔中。

樣式規則是可應用于網頁中元素，如文本段落或鏈接的格式化指令。樣式規則由一個或多個樣式屬性及其值組成。內部樣式單直接放在網頁中，外部樣式單保存在獨立的文檔中，網頁通過一個特殊標簽鏈接外部樣式單。

css樣式怎么寫

css樣式是HTML的一個補充，簡單的css使用樣式如下:

html

body

div?id=div/div

/body

style?type="text/css"

width:300px;//設置div的寬度300像素

height:500px;//設置div高度500像素

background-color:red;//設置div的背景顏色為紅色

/style

/html

css代碼位于style之間，詳細的css代碼解釋見代碼注釋。

CSS編寫時標準的格式規范是什么樣的？

CSS用的是類C#語言的標準。

書寫方法自由靈活，沒有一定的局限。但是常期以來為了閱讀和維護等方面的經驗，一般都是這樣的格式：

標名 {

屬性：屬性值;

屬性：屬性值；

}

當然這樣大家都能理解，你自己也好維護，沒有什么特殊的要求的！

為了便于閱讀有人建議，CSS分為以下方面的控制：

先寫位置等：

如：position:absolute;

top,left，width,height等,

空一行，再寫布局方面的，如：margin,padding等；

空一行，寫字體格式：如line-height等

再空一行，寫字體相關！如：font-size,font-color等；

最后是其他的屬性！

但一般情況下，我們還是沒有必要寫那么多的屬性值對的！所以就很少有人去空行做這些東西了！

但是一般內容較少時，可以直接寫在一行，并不影響閱讀的！

糾正一點的是：CSS文件進行調用時并不像一樓所說！不換行可以減少代碼的大小！這是毫無根據的臆斷！因其會自動解釋換行和空白的！代碼的大小是因為我們寫了一些沒有必要的東西所形成的時空代價，比如在body中已經有font-size:9pt;而在BODY中的一個DIV中，如果要設置字體為9pt時沒有必要再定義font-size:9pt了，如果再定義就是出現代碼時的增大。還有一些默認也沒有必要寫出。

如果真如一樓所說，我想問一下一樓：你知道嗎，在CSS中是可以加注釋的，請問注釋會不會增加代碼量？答案是不會！因為其不運行！

sorry,對不起樓上，我說的是運行方面的，沒有說下載方面的事。恕我直言，如果有一個人一個不足0。2K的CSS而寫了N個GB的注釋的話，那他一定有病了！注釋不是發文章，一個CSS文件最多能有多少注釋？不過我經常遇到寫好的CSS進行壓縮加密的情況，為了防止別人偷看，至于說能有多少，一個回車只是一個字符，占8bits,一個byte,請問一下，連寫與其能有多大分別？再者請問一下為什么還要分開寫呢？這是代碼的維護時很難讀懂的情況下還要講時間代價嗎？

程序的時空代價是指：運行時間與編寫時間的相比，存儲空間與運行空間的對比。

對于離散型網頁來說，下載頁面的同時還在下載CSS文件，而且CSS會放在機器的臨時文件夾中，這樣，整個網站也用不了下載幾個CSS，且下次打開網頁不須再下CSS。這樣你認為呢？

css編寫基本原則正確的是什么？

1、基本樣式 的寫法

style type="text/css"

h1{

font-family:黑體;

}

/style

直接些標簽名進行定義屬性，這個也比較常見。但是它的定義通常放在style標簽中聲明。

2、類class鏈接樣式

定義也通常在style標簽中聲明

style type="text/css"

.style1{

color:red;

font-size:16px;

}

/style

引用時候直接在標簽的屬性中使用class="style1" 記住是class屬性

h1 /h1

3、id鏈接樣式

style type="text/css"

#style1{

color:blue;

font-size:16px;

}

/style

引用的時候就用標簽屬性中的id屬性 ，要區別于類屬性

h1 id="style1"/h1

區別：類class鏈接樣式和id鏈接樣式

類連接樣式可以適用于多個對象設置同樣的屬性中，

而id鏈接樣式只能用于一個對象標簽中，其他標簽則會失效

4、html選擇器：

直接用標簽進行聲明，跟上面的第一個一樣

2）派生選擇器：

style type="text/css"

h1 h2{

color:red;

font-size:1em;

font-family:黑體;

}

/style

h1 h2的寫法意思是代表著該css樣式只能之h1h2 /h2/h1同時出現，且是嵌套使用的時候才能生效

3）id選擇器

id選擇器的作用是通過id選擇器將css樣式作用到頁面的對象上。寫法：

style type="text/css"

#text p{

font-size:1em;

}

/style

將該樣式綁定到html上，就要這樣寫

h1 id=#"text"這個是不要p的寫法

要p的寫法

表明該對象只能作用在text對象上的所有p標簽中

4）class選擇器

style type="text/css"

.fancy{

color:red;

background:#666;

}

/style

使用的時候也是

h1/h1

也可以像上面的一樣用派生選擇器

style type="text/css"

.fancy td{

color:red;

background:#666;

}

/style

說明生效只能在td中

5）分組選擇器

h1{color:bule;}

#text{color:bule;}

.play{color:bule;}

這種寫法太繁瑣了

我們可以使用

h1,#text,.paly{

color:bule;}

這樣來定義

6）偽類和偽類選擇器

用關鍵字:lang來定義

html

head

style type="text/css"

q:lang(smile){

quotes:"∞"

}

/style

/head

body

好吧，展示一下

p請看q祝你愉快/q/p

/body

/html

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書寫規范

1.使用CSS縮寫屬性

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

2.去掉小數點前的“0”

3.簡寫命名

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

4.16進制顏色代碼縮寫

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

5連字符CSS選擇器命名規范

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

2）不建議使用“_”下劃線來命名CSS選擇器，為什么呢？

輸入的時候少按一個shift鍵；瀏覽器兼容問題（比如使用_tips的選擇器命名，在IE6是無效的）能良好區分JavaScript變量命名（JS變量命名是用“_”）

6.不要隨意使用id

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

7.為選擇器添加狀態前綴

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

三、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

ID的命名-頁面結構

容器: container

頁頭：header

內容：content/container

頁面主體：main

頁尾：footer

導航：nav

側欄：sidebar

欄目：column

頁面外圍控制整體布局寬度：wrapper

左右中：left right center

ID的命名-導航

導航：nav

主導航：mainnav

子導航：subnav

頂導航：topnav

邊導航：sidebar

左導航：leftsidebar

右導航：rightsidebar

菜單：menu

子菜單：submenu

標題: title

摘要: summary

ID的命名-功能

標志：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

四、注釋規范

/* Header */

內容區

/* End Header */

五、注意事項

1.一律小寫;

2.盡量用英文;

3.盡量不縮寫，除非一看就明白的單詞。

六、CSS樣式表文件命名

主要的 master.css

模塊 module.css

基本共用 base.css

布局、版面 layout.css

主題 themes.css

專欄 columns.css

文字 font.css

表單 forms.css

補丁 mend.css

打印 print.css

本文題目：css樣式規則書寫,css書寫規范
轉載來源：http://vcdvsql.cn/article2/dsdecic.html

成都網站建設公司_創新互聯，為您提供商城網站、品牌網站建設、云服務器、網站收錄、網站設計、移動網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯