1、直接使用行內(nèi)樣式,即在html標簽上使用style

創(chuàng)新互聯(lián)建站專注于企業(yè)成都全網(wǎng)營銷、網(wǎng)站重做改版、五家渠網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5建站、商城網(wǎng)站制作、集團公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù),價格優(yōu)惠性價比高,為五家渠等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
div?style="width:100px;height:100px;background:red;"div內(nèi)容/div
2、先定義css樣式,再給html的class屬性賦值
style
.content{
width:100px;
height:100px;
background:red;
}
/style
div?class="content"
div測試內(nèi)容
/div
總結(jié):兩種方式效果是一致的,只是第二種方式可進行重用,只要html元素class屬性相同即可
在html網(wǎng)頁中引入引入css主要有以下四種方式:
(1)行內(nèi)式
p style=”color:red”網(wǎng)頁中css的導(dǎo)入方式/p
(2)嵌入式
style type=”text/css”
P{ color:red }
/style
嵌入式一般寫在head中,對于單個頁面來說,這種方式很方便。
(3)導(dǎo)入式
!-- 導(dǎo)入外部樣式:在內(nèi)部樣式表的style/style標記之間導(dǎo)入一個外部樣式表,導(dǎo)入時用@import。 --
style type="text/css"
@import "jisuan.css";
/style
(4)鏈接式
link href="jisuan.css" rel=”stylesheet” type=”text/css” /
導(dǎo)入式和鏈接式差不多,都是從外部引入css文件。但是鏈接式對于客戶端用戶瀏覽網(wǎng)站時,效果會好些。
1.內(nèi)聯(lián)方式(行內(nèi)樣式)
就是在HTML的標簽中使用style屬性來設(shè)置css樣式
格式:html標簽 style="屬性:值;屬性:值;...."被修飾的內(nèi)容/html標簽
p style="color:orange;font-size:18px"在HTML中如何使用css樣式/p
1
特點:僅作用于本標簽。
2. 內(nèi)部方式(內(nèi)嵌樣式)
就是在head標簽中使用標簽來設(shè)置css樣式
格式: style type="text/css" ....css樣式代碼 /style
特點:作用于當前整個頁面
3. 外部導(dǎo)入方式(外部鏈入)
3.1 (推薦)就是在head標簽中使用標簽導(dǎo)入一個css文件,在作用于本頁面,實現(xiàn)css樣式設(shè)置
格式:link href="文件名.css" type="text/css" rel="stylesheet"/
3.2 還可以使用import在style標簽中導(dǎo)入css文件。
如:style type="text/css" @import "style.css"; /style
特點:作用于整個網(wǎng)站
他們的優(yōu)先級:當樣式?jīng)_突時,就是采用就近原則,是值css屬性離被修飾的內(nèi)容最近的為主。
若沒有樣式?jīng)_突則采用疊加效果。
分享名稱:包含html設(shè)置css樣式的詞條
轉(zhuǎn)載源于:http://chinadenli.net/article49/dseeehh.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、用戶體驗、云服務(wù)器、外貿(mà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)