CSS即層疊樣式表(Cascading Style Sheets),是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言。

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