新聞中心
什么是CSS樣式,以及CSS樣式包含那幾種類型?
CSS即層疊樣式表(Cascading Style Sheets),是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言。
為海陽等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù),及海陽網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站、海陽網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長(zhǎng)期合作。這樣,我們也可以走得更遠(yuǎn)!
CSS樣式主要包含以下三種類型:
1、行內(nèi)樣式(內(nèi)嵌樣式):結(jié)構(gòu)的內(nèi)部,即寫在標(biāo)簽內(nèi)的樣式;寫在標(biāo)簽的開始部分內(nèi)部,style屬性當(dāng)中。
例:標(biāo)記 style="樣式的屬性名1:樣式的屬性值1;屬性名2:屬性值2;......"/標(biāo)記
2、內(nèi)部樣式(內(nèi)聯(lián)樣式):寫在HTML頁(yè)面內(nèi)部,存放于head標(biāo)記當(dāng)中,樣式寫在style標(biāo)記內(nèi)。
例:style選擇器 {屬性名:屬性值;屬性名:屬性值;......}/style
3、外部樣式(外聯(lián)樣式):寫在css文件內(nèi)。
例:link type="text/css" rel="stylesheet" href="css/main.css" /
擴(kuò)展資料:
使用CSS樣式的優(yōu)點(diǎn):
CSS有助于實(shí)現(xiàn)負(fù)責(zé)任的Web設(shè)計(jì)。CSS對(duì)開發(fā)者構(gòu)建Web站點(diǎn)的影響很大,并且這種影響可能是無止境的。將網(wǎng)頁(yè)的大部分甚至是全部的表示信息從HTML或XML文件中移出,并將它們保留在一個(gè)樣式表中有諸多優(yōu)點(diǎn),如降低文件大小、節(jié)省網(wǎng)絡(luò)帶寬以及易于維護(hù)等。
此外,站點(diǎn)的表現(xiàn)信息和核心內(nèi)容相分離,使得站點(diǎn)的設(shè)計(jì)人員能夠在短暫的時(shí)間內(nèi)對(duì)整個(gè)網(wǎng)站進(jìn)行各種各樣的修改。
CSS簡(jiǎn)化了網(wǎng)頁(yè)的格式代碼,外部的樣式表還會(huì)被瀏覽器保存在緩存里,加快了下載顯示的速度,也減少了需要上傳的代碼數(shù)量(因?yàn)橹貜?fù)設(shè)置的格式將被只保存一次)。
只要修改保存著網(wǎng)站格式的CSS樣式表文件就可以改變整個(gè)站點(diǎn)的風(fēng)格特色,在修改頁(yè)面數(shù)量龐大的站點(diǎn)時(shí),顯得格外有用。這就避免了一個(gè)個(gè)網(wǎng)頁(yè)的修改,大大減少了工作量。
參考資料來源:百度百科-CSS
css標(biāo)簽和css樣式有什么不同
這個(gè)屬于國(guó)內(nèi)的命名混亂, CSS全稱就是層疊樣式表,
css標(biāo)簽有兩種含義 一種是 使用css技術(shù)制作的標(biāo)簽 另外一種跟css樣式等同
#和 . 是選擇器的一種 下面給你詳細(xì)介紹下選擇器
CSS的定義是由三個(gè)部分構(gòu)成:
選擇(selector),屬性(properties)和屬性的取值(value)。
語法: selector {property: value} (選擇器 {屬性:值})
1.標(biāo)簽選擇器
選擇器是可以是多種形式,一般是你要定義樣式的HTML標(biāo)記,例如BODY、P、TABLE……,你可以通過此方法定義它的屬性和值,屬性和值
要用冒號(hào)隔開:
例子:body {color: black},此例的效果是使頁(yè)面中的文字為黑色。
如果屬性的值是多個(gè)單詞組成,必須在值上加引號(hào),比如字體的名稱經(jīng)常是幾個(gè)單詞的組合:
例子:p {font-family: "sans serif"} (定義段落字體為sans serif)
如果需要對(duì)一個(gè)選擇器指定多個(gè)屬性時(shí),我們使用分號(hào)將所有的屬性和值分開:
例子:p {text-align: center; color: red} (段落居中排列;并且段落中的文字為紅色)
2. 選擇器組
你可以把相同屬性和值的選擇器組合起來書寫,用逗號(hào)將選擇器分開,這樣可以減少樣式重復(fù)定義:
h1, h2, h3, h4, h5, h6 { color: green } (這個(gè)組里包括所有的標(biāo)題元素,每個(gè)標(biāo)題元素的文字都為綠色)
p, table{ font-size: 9pt } (段落和表格里的文字尺寸為9號(hào)字)
效果完全等效于:
p { font-size: 9pt }
table { font-size: 9pt }
3. 類選擇器
用類選擇器你能夠把相同的元素分類定義不同的樣式,定義類選擇器時(shí),在自定類的名稱前面加一個(gè)點(diǎn)號(hào)。假如你想要兩個(gè)不同的段落,一個(gè)段
落向右對(duì)齊,一個(gè)段落居中,你可以先定義兩個(gè)類:
p.right {text-align: right}
p.center {text-align: center}
然后用不在不同的段落里,只要在HTML標(biāo)記里加入你定義的class參數(shù):
p class="right"這個(gè)段落向右對(duì)齊的/p
p class="center"這個(gè)段落是居中排列的/p
類選擇器還有一種用法,在選擇器中省略HTML標(biāo)記名,這樣可以把幾個(gè)不同的元素定義成相同的樣式:
.center {text-align: center} (定義.center的類選擇器為文字居中排列)
這樣的類可以被應(yīng)用到任何元素上。下面我們使h1元素(標(biāo)題1)和p元素(段落)都?xì)w為“center”類,這使兩個(gè)元素的樣式都跟隨“.center”這個(gè)類
選擇器:
h1 class="center"這個(gè)標(biāo)題是居中排列的/h1
這個(gè)段落也是居中排列的
注意:這種省略HTML標(biāo)記的類選擇器是我們經(jīng)后最常用的CSS方法,使用這種方法,我們可以很方便的在任意元素上套用預(yù)先定義好的類樣式。
4. ID選擇器
在HTML頁(yè)面中ID參數(shù)指定了某個(gè)單一元素,ID選擇器是用來對(duì)這個(gè)單一元素定義單獨(dú)的樣式。
ID選擇器的應(yīng)用和類選擇器類似,只要把CLASS換成ID即可。將上例中類用ID替代:
這個(gè)段落向右對(duì)齊
定義ID選擇器要在ID名稱前加上一個(gè)“#”號(hào)。和類選擇器相同,定義ID選擇器的屬性也有兩種方法。下面這個(gè)例子,ID屬性將匹配所有
id="intro"的元素:
#intro
{
font-size:110%;
font-weight:bold;
color:#0000ff;
background-color:transparent
} (字體尺寸為默認(rèn)尺寸的110%;粗體;藍(lán)色;背景顏色透明)
下面這個(gè)例子,ID屬性只匹配id="intro"的段落元素:
p#intro
{
font-size:110%;
font-weight:bold;
color:#0000ff;
background-color:transparent
}
注意:ID選擇器局限性很大,只能單獨(dú)定義某個(gè)元素的樣式,一般只在特殊情況下使用。
5. 包含選擇器
可以單獨(dú)對(duì)某種元素包含關(guān)系定義的樣式表,元素1里包含元素2,這種方式只對(duì)在元素1里的元素2定義,對(duì)單獨(dú)的元素1或元素2無定義,例如:
table a
{
font-size: 12px
}
dreamweaver怎么附加css樣式表
選擇在教程:向頁(yè)面添加內(nèi)容中粘貼到頁(yè)面中的第一段文本。
在“屬性”檢查器中查看,并確保使用段落標(biāo)簽設(shè)置了該段落的格式。
如果“屬性”檢查器中的"格式"彈出式菜單顯示“段落”,則已使用段落標(biāo)簽設(shè)置了段落的格式。如果“屬性”檢查器中的“格式”彈出式菜單顯示"無"或其它內(nèi)容,則選擇“段落”來設(shè)置段落的格式。
對(duì)第二段重復(fù)第 3 步。
在“CSS 樣式”面板(“窗口”“CSS 樣式”)中,單擊位于面板右下角的“附加樣式表”按鈕。
在“附加外部樣式表”對(duì)話框中,單擊"瀏覽"并瀏覽到上一節(jié)創(chuàng)建的 cafe_townsend.css 文件。
單擊“確定”。
“文檔”窗口中的文本將根據(jù)外部樣式表中的 CSS 規(guī)則來設(shè)置格式。
文字段落怎么用CSS樣式
文字段落一般用P標(biāo)簽,可以用height、line-height、text-indent等屬性。具體情況要具體分析,還是得多用CSS樣式。
網(wǎng)站欄目:段落標(biāo)簽css樣式,在css樣式表中要實(shí)現(xiàn)文本段落以塊形式顯示
標(biāo)題網(wǎng)址:http://www.dlmjj.cn/article/dsijigs.html