css樣式表名字有什么規(guī)則?

常用的CSS命名規(guī)則:

創(chuàng)新互聯(lián)成都企業(yè)網(wǎng)站建設(shè)服務(wù)，提供網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)網(wǎng)站開發(fā),網(wǎng)站定制,建網(wǎng)站,網(wǎng)站搭建,網(wǎng)站設(shè)計(jì),響應(yīng)式網(wǎng)站設(shè)計(jì),網(wǎng)頁設(shè)計(jì)師打造企業(yè)風(fēng)格網(wǎng)站,提供周到的售前咨詢和貼心的售后服務(wù)。歡迎咨詢做網(wǎng)站需要多少錢:028-86922220

頭：header 內(nèi)容：content/container 尾：footer 導(dǎo)航：nav 側(cè)欄：sidebar

欄目：column 頁面外圍控制整體布局寬度：wrapper 左右中：left right center

登錄條：loginbar 標(biāo)志：logo 廣告：banner 頁面主體：main 熱點(diǎn)：hot

新聞：news 下載：download 子導(dǎo)航：subnav 菜單：menu

子菜單：submenu 搜索：search 友情鏈接：friendlink 頁腳：footer

版權(quán)：copyright 滾動：scroll 內(nèi)容：content 標(biāo)簽頁：tab

文章列表：list 提示信息：msg 小技巧：tips 欄目標(biāo)題：title

加入：joinus 指南：guild 服務(wù)：service 注冊：regsiter

狀態(tài)：status 投票：vote 合作伙伴：partner

(二)注釋的寫法:

/* Footer */

內(nèi)容區(qū)

/* End Footer */

(三)id的命名:

(1)頁面結(jié)構(gòu)

容器: container 頁頭：header 內(nèi)容：content/container

頁面主體：main 頁尾：footer 導(dǎo)航：nav

側(cè)欄：sidebar 欄目：column 頁面外圍控制整體布局寬度：wrapper

左右中：left right center

(2)導(dǎo)航

導(dǎo)航：nav 主導(dǎo)航：mainbav 子導(dǎo)航：subnav

頂導(dǎo)航：topnav 邊導(dǎo)航：sidebar 左導(dǎo)航：leftsidebar

右導(dǎo)航：rightsidebar 菜單：menu 子菜單：submenu

標(biāo)題: title 摘要: summary

(3)功能

標(biāo)志：logo 廣告：banner 登陸：login 登錄條：loginbar

注冊：regsiter 搜索：search 功能區(qū)：shop

標(biāo)題：title 加入：joinus 狀態(tài)：status 按鈕：btn

滾動：scroll 標(biāo)簽頁：tab 文章列表：list 提示信息：msg

當(dāng)前的: current 小技巧：tips 圖標(biāo): icon 注釋：note

指南：guild 服務(wù)：service 熱點(diǎn)：hot 新聞：news

下載：download 投票：vote 合作伙伴：partner

友情鏈接：link 版權(quán)：copyright

(四)class的命名:

(1)顏色:使用顏色的名稱或者16進(jìn)制代碼,如

.red { color: red; }

.f60 { color: #f60; }

.ff8600 { color: #ff8600; }

(2)字體大小,直接使用’font+字體大小’作為名稱,如

.font12px { font-size: 12px; }

.font9pt {font-size: 9pt; }

(3)對齊樣式,使用對齊目標(biāo)的英文名稱,如

.left { float:left; }

.bottom { float:bottom; }

(4)標(biāo)題欄樣式,使用’類別+功能’的方式命名,如

.barnews { }

.barproduct { }

css排版樣式有哪幾種類型

css樣式分三種，內(nèi)部樣式，內(nèi)聯(lián)樣式和外部樣式。外部樣式，顧名思義，也就是通過link /引入的css樣式文件，而內(nèi)部樣式呢，主要是放在style/style中的樣式，而內(nèi)聯(lián)樣式，就是直接嵌入標(biāo)簽的，充當(dāng)標(biāo)簽的一個屬性，使用style='這里寫樣式' 來實(shí)現(xiàn)。

他們的優(yōu)先級是內(nèi)聯(lián)樣式的優(yōu)先級最高，其次判斷內(nèi)部和外部樣式的優(yōu)先級得看它們在html中出現(xiàn)的位置，一般來說，越靠后的優(yōu)先級也就越高。

css是英文Cascading Style Sheets的縮寫。

它是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集）等文件樣式的計(jì)算機(jī)語言。

它包含3種類型，內(nèi)部樣式，行內(nèi)樣式和外部樣式表三種

作用的效果是按順序從下到上，相同樣式下面的會覆蓋原有樣式，除特殊情況外，一般都是行內(nèi)樣式內(nèi)部樣式外部樣式。

以div為例

行內(nèi)樣式寫法：

在style里面寫樣式

div style="height:30px; background:#f00;"/div

內(nèi)部樣式：

在head標(biāo)簽內(nèi)加入style標(biāo)簽，在標(biāo)簽內(nèi)寫樣式：

style

div{height:30px; background:#f00;}

/style

外部樣式是建立一個新文件后綴名為.css

舉個例子：

建立style.css文件放在項(xiàng)目根目錄下：

在里面寫入

div{height:30px; background:#f00;}

然后保存，在html的head標(biāo)簽內(nèi)調(diào)用樣式

link rel="stylesheet" type="text/css" href="style.css" /

css無樣式怎么回事？該怎么添加

有三種方法可以在站點(diǎn)網(wǎng)頁上使用樣式表（CSS）：

外聯(lián)式Linking（也叫外部樣式）：將網(wǎng)頁鏈接到外部樣式表。

嵌入式Embedding（也叫內(nèi)頁樣式）：在網(wǎng)頁上創(chuàng)建嵌入的樣式表。

內(nèi)聯(lián)式Inline（也叫行內(nèi)樣式）：應(yīng)用內(nèi)嵌樣式到各個網(wǎng)頁元素。

其中，優(yōu)先級：內(nèi)聯(lián)式 嵌入式 外聯(lián)式

外部樣式表

當(dāng)樣式需要被應(yīng)用到很多頁面的時候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以通過更改一個文件來改變整個站點(diǎn)的外觀。

head

link rel="stylesheet" type="text/css" href="mystyle.css"

/head

內(nèi)部樣式表

當(dāng)單個文件需要特別樣式時，就可以使用內(nèi)部樣式表。你可以在 head 部分通過 style 標(biāo)簽定義內(nèi)部樣式表。

head

style type="text/css"

body {background-color: red}

p {margin-left: 20px}/style

/head

內(nèi)聯(lián)樣式

當(dāng)特殊的樣式需要應(yīng)用到個別元素時，就可以使用內(nèi)聯(lián)樣式。 使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標(biāo)簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實(shí)例顯示出如何改變段落的顏色和左外邊距。

p style="color: red; margin-left: 20px"

This is a paragraph

/p

求一段CSS的寫法

沒太理解樓主的意思，樓主這段代碼是javascript腳本，并不是css樣式啊。

css樣式只能被動對固有的標(biāo)簽屬性進(jìn)行設(shè)置，js才可以動態(tài)的改變一些的值。

不知道樓主是不是說要點(diǎn)一下“點(diǎn)擊替換”，然后就彈出來“這里需要替換”這個div呢？

如果是的話，就在“點(diǎn)擊替換”的a標(biāo)簽上加段js代碼就行了，

給a標(biāo)簽加個id，比如“id=myA”，

script type="text/javascript"

$("#myA").click(function () {

$("#tips").css("display", "block");

});

/script

然后就可以了，PS：$是引入了jquery庫所可以使用的符號，等同于document.getelementbyID("控件ID名")

CSS 樣式。文字局右

用float屬性試試，為兩段文字加上標(biāo)簽，一個float left 一個float right，能左多遠(yuǎn)，右多遠(yuǎn)取決于上層容器大小。

還有，好像css里不推薦用font標(biāo)簽，可以把font改成span加style＝“color:blue”，這樣更好些。

請教前輩們：css樣式表先后順序！！！

按照良好的CSS書寫規(guī)范來寫CSS代碼，這樣會提高代碼的閱讀體驗(yàn)。下面具體說幾點(diǎn)。

CSS書寫順序

位置屬性(position, top, right, z-index, display, float等)

大小(width, height, padding, margin)

文字系列(font, line-height, letter-spacing, color- text-align等)

背景(background, border等)

其他(animation, transition等)

使用CSS縮寫屬性

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

去掉小數(shù)點(diǎn)前的“0”

連字符CSS選擇器命名規(guī)范

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

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

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

瀏覽器兼容問題 （比如使用_tips的選擇器命名，在IE6是無效的）

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

當(dāng)前文章：關(guān)于tipscss樣式的信息
網(wǎng)頁路徑：http://chinadenli.net/article44/dseheee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、App開發(fā)、動態(tài)網(wǎng)站、、網(wǎng)頁設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)公司

廣告

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