日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 前端技术 > CSS >内容正文

CSS

CSS简介、行内样式、内部样式、外部样式、注释、引入其他CSS文件

發(fā)布時(shí)間:2025/3/15 CSS 32 豆豆
生活随笔 收集整理的這篇文章主要介紹了 CSS简介、行内样式、内部样式、外部样式、注释、引入其他CSS文件 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

CSS的發(fā)展歷程:

起初是沒有css的,只有少量樣式是可以寫在html標(biāo)簽中,這樣代碼格外顯得臃腫,此時(shí)CSS就出現(xiàn)了。

初識(shí)CSS:

CSS(Cascading Style Sheets),被稱為CSS樣式表或者層疊樣式表,主要用于設(shè)置HTML頁(yè)面內(nèi)容外觀及布局外觀。css有三大模塊:定位、浮動(dòng)、盒子模型,下面有詳細(xì)介紹。

CSS書寫位置:

CSS書寫位置可以分三種情況:行內(nèi)樣式(內(nèi)聯(lián)式)、內(nèi)部樣式表、外部樣式(外鏈?zhǔn)?

1.行內(nèi)樣式(內(nèi)聯(lián)式):在標(biāo)簽中添加style,并在style里面書寫屬性及屬性值代碼,如:

<標(biāo)簽名 style="屬性1:屬性值;屬性2:屬性值">內(nèi)容</標(biāo)簽名><P style="color:pink;font-size:25px"></P>

2.內(nèi)部樣式(內(nèi)嵌樣式表):一般在head標(biāo)簽中寫上style標(biāo)簽,當(dāng)然style標(biāo)簽可以放在HTML的任何位置,CSS代碼寫在style標(biāo)簽中,如:

<head><style type="text/CSS"> /*當(dāng)有<!doctype:html>時(shí)type="text/CSS"可以省略*/選擇器{屬性1:屬性值;屬性2:屬性值} </style></head><head><style>p{color:red;font-size:25px;} </style></head>

3.外部樣式(外鏈?zhǔn)?:將所有CSS代碼寫在以 .css后綴名結(jié)尾的文件中,并把這個(gè)文件通過link標(biāo)簽載入到html文件中,link標(biāo)簽一般放在head標(biāo)簽中,優(yōu)點(diǎn):文件共享、便于維護(hù),如:

<head><link rel="stylesheet" href="index.css" type="text/CSS"/> <!--html5中type="text/CSS"可以省略--></head>


注釋:

/*注釋內(nèi)容*/

css中引入另一個(gè)css文件:

@import url('css文件路徑')

提示:本文圖片等素材來源于網(wǎng)絡(luò),若有侵權(quán),請(qǐng)發(fā)郵件至郵箱:810665436@qq.com聯(lián)系筆者 刪除。
筆者:苦海

總結(jié)

以上是生活随笔為你收集整理的CSS简介、行内样式、内部样式、外部样式、注释、引入其他CSS文件的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。