CSS即層疊樣式表(Cascading Style Sheets),是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言。
創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于網(wǎng)站設(shè)計、做網(wǎng)站、石家莊網(wǎng)絡(luò)推廣、小程序制作、石家莊網(wǎng)絡(luò)營銷、石家莊企業(yè)策劃、石家莊品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供石家莊建站搭建服務(wù),24小時服務(wù)熱線:13518219792,官方網(wǎng)址:www.cdcxhl.com
CSS樣式主要包含以下三種類型:
1、行內(nèi)樣式(內(nèi)嵌樣式):結(jié)構(gòu)的內(nèi)部,即寫在標簽內(nèi)的樣式;寫在標簽的開始部分內(nèi)部,style屬性當(dāng)中。
例:標記 style="樣式的屬性名1:樣式的屬性值1;屬性名2:屬性值2;......"/標記
2、內(nèi)部樣式(內(nèi)聯(lián)樣式):寫在HTML頁面內(nèi)部,存放于head標記當(dāng)中,樣式寫在style標記內(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)負責(zé)任的Web設(shè)計。CSS對開發(fā)者構(gòu)建Web站點的影響很大,并且這種影響可能是無止境的。將網(wǎng)頁的大部分甚至是全部的表示信息從HTML或XML文件中移出,并將它們保留在一個樣式表中有諸多優(yōu)點,如降低文件大小、節(jié)省網(wǎng)絡(luò)帶寬以及易于維護等。
此外,站點的表現(xiàn)信息和核心內(nèi)容相分離,使得站點的設(shè)計人員能夠在短暫的時間內(nèi)對整個網(wǎng)站進行各種各樣的修改。
CSS簡化了網(wǎng)頁的格式代碼,外部的樣式表還會被瀏覽器保存在緩存里,加快了下載顯示的速度,也減少了需要上傳的代碼數(shù)量(因為重復(fù)設(shè)置的格式將被只保存一次)。
只要修改保存著網(wǎng)站格式的CSS樣式表文件就可以改變整個站點的風(fēng)格特色,在修改頁面數(shù)量龐大的站點時,顯得格外有用。這就避免了一個個網(wǎng)頁的修改,大大減少了工作量。
參考資料來源:百度百科-CSS
[img]主要探討HTML5中CSS(層疊樣式表),它是用來對HTML文檔外觀的表現(xiàn)形式進行排版和格式化。
使用CSS
CSS樣式由一條或多條以分號隔開的樣式聲明組成。每條聲明的樣式包含著一個CSS屬性和屬性值。
pstyle="color:red;font-size:50px;"這是一段文本/p
解釋:style是行內(nèi)樣式屬性。color是顏色屬性,red是顏色屬性值;font-size是字體大小屬性,50px是字體大小屬性值。
三種方式
創(chuàng)建CSS樣式表有三種方式:1.元素內(nèi)嵌樣式;2.文檔內(nèi)嵌樣式;3.外部引入樣式。
1.元素內(nèi)嵌樣式
pstyle="color:red;font-size:50px;"這是一段文本/p
解釋:即在當(dāng)前元素使用style屬性的聲明方式。
2.文檔內(nèi)嵌樣式
styletype="text/css"
p{
color:blue;
font-size:40px;
}
/style
p這是一段文本/p
解釋:在head元素之間創(chuàng)建style元素,通過選擇器的方式調(diào)用指定的元素并設(shè)置相關(guān)CSS。
3.外部引用樣式
linkrel="stylesheet"type="text/css"href="style.css"
//style.css
@charset"utf-8";
p{
color:green;
font-size:30px;
}
解釋:很多時候,大量的HTML頁面使用了同一個組CSS。那么就可以將這些CSS樣式保存在一個單獨的.css文件中,然后通過link元素去引入它即可。@charset"utf-8"表明設(shè)置CSS的字符編碼,如果不寫默認就是utf-8。曲靖電腦培訓(xùn)認為如果有多個.css文件,可以使用@import導(dǎo)入方式引入.css文件。只不過,性能不如多個link鏈接。
CSS樣式分為:內(nèi)聯(lián)式css樣式、嵌入式css樣式、外部式css樣式。
對CSS三種樣式定義及其實例:
內(nèi)聯(lián)式css樣式。
內(nèi)聯(lián)式css樣式表就是把css代碼直接寫在現(xiàn)有的HTML標簽中,如下面代碼:
1? ?p?style="color:red"這里文字是紅色。/p? ?
css樣式代碼要寫在style=""雙引號中,如果有多條css樣式代碼設(shè)置可以寫在一起,中間用分號隔開(英文狀態(tài)下;)。
嵌入式css樣式。
嵌入式css樣式,就是可以把css樣式代碼寫在標簽之間。如下面代碼實現(xiàn)把三個標簽中的文字設(shè)置為紅色:
1? ?style?type="text/css"span{color:red;}/style? ?
嵌入式css樣式必須寫在之間,并且一般情況下嵌入式css樣式寫在之間。
外部式css樣式。
外部式css樣式(也可稱為外聯(lián)式)就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css”為擴展名(也可以為調(diào)用其他網(wǎng)站CSS)。
1? ?link?href="style.css"?rel="stylesheet"?type="text/css"?/? ?
注意事項:?1、css樣式文件名稱以有意義的英文字母命名,如 main.css。?2、rel=”stylesheet” type=”text/css” 是固定寫法不可修改。?3、標簽位置一般寫在標簽之內(nèi)。
掌握好三種CSS三種樣式使用方法在Web開發(fā)中將節(jié)省很多時間。
一共有三種 形式存在
第一種為標簽樣式,taglib為標簽名,后面{}里面加屬性,這種樣式對頁面內(nèi)所有的標簽名為taglibname的標簽起作用。
第二種為css類樣式,需要在HTML開始標簽 后綴 class="name",name即類名,這類標簽對HTML內(nèi)所有后綴同樣name的標簽起作用 class="name" 可以設(shè)在多個開始標簽后,表示這些標簽具有同一類樣式。
第三種為cssID樣式,需要在HTML開始標簽后綴 id="id",需要注意的是,ID樣式的話,每一個name都是獨立且不重復(fù)的,具有唯一性。
希望我的回答對你有幫助
1、首先,在電腦中打開編輯器,創(chuàng)建html文檔。
2、然后,創(chuàng)建h1標簽,用行內(nèi)樣式控制字體顏色為紅色。
3、接下來,用內(nèi)部樣式選擇器選擇h1標簽,控制它的樣式。
4、外部樣式需要,創(chuàng)建外部樣式.css文件。
5、然后,在html文件里面引入css文件。
6、最后,在瀏覽器看是否生效,就可以了。