您好,登錄后才能下訂單哦!
這篇文章主要介紹“css的三種引入方式是什么”的相關(guān)知識(shí),小編通過實(shí)際案例向大家展示操作過程,操作方法簡單快捷,實(shí)用性強(qiáng),希望這篇“css的三種引入方式是什么”文章能幫助大家解決問題。
css的引入方式有三種
1,行引入,是優(yōu)先對(duì)html的方式,但局限性大。在<body></body>的標(biāo)簽里起作用。eg:<p style="color:red;font-weigh=3;">+作用對(duì)象+</p>。
2,內(nèi)部引入,標(biāo)簽選擇器,ID選擇器和類選擇器都是內(nèi)部引入,就是說內(nèi)部引入的三種方式。
標(biāo)簽選擇器eg:css里,<head><style>p{color:red;}</style></head>
id選擇器eg: html里,<p1 id="某個(gè)詞語"><p2 id="某個(gè)句子"> css里則為,<style>#某個(gè)詞語{color:red;}
#某個(gè)句子{color:blue;}</style>
類選擇器上文有提。
3,外部引入
格式為<link href="途徑的陳述"><rel=stylesheet>
這種引入方式缺少例子練習(xí)
css常用屬性
width:設(shè)置元素的寬度
height:設(shè)置元素的高度
文本屬性
font-size:設(shè)置文本的大小 值是數(shù)值,以像素為單位(常用)
color:設(shè)置文本的顏色 取值 一般是顏色的英文名 或者是 16進(jìn)制的值
font-weight:設(shè)置字體加粗 取值 100-900 bold (常用值)normal(默認(rèn))
font-style:設(shè)置字體傾斜 取值 normal(正常):默認(rèn) italic:設(shè)置文本傾斜
font-family:設(shè)置字體的樣式 取值就是字體的名稱 一般情況下設(shè)置的字體計(jì)算機(jī)上必須安裝
text-decoration:設(shè)置文本裝飾,如下
none:默認(rèn)取值 沒有裝飾效果
underline:設(shè)置下劃線
overline :設(shè)置上劃線
line-through:設(shè)置刪除線
text-align:設(shè)置文本的位置 left(默認(rèn)取值)、center、right
line-height:設(shè)置文本的行高,文本會(huì)基于行高垂直居中,在不設(shè)置行高的情況下,默認(rèn)行高是字體大小的1.2倍
text-indent:設(shè)置文本縮進(jìn) 取值 一般是以em為單位 1em剛好等于 1個(gè)中文字符的寬度
標(biāo)簽分類
1、行內(nèi)標(biāo)簽:不會(huì)獨(dú)自占一行,但是不能設(shè)置寬高
行內(nèi)標(biāo)簽:a、文本標(biāo)簽、span等
2、塊級(jí)標(biāo)簽:獨(dú)自占一行,但是能設(shè)置寬高
塊級(jí)標(biāo)簽:h類的標(biāo)簽、p、列表類標(biāo)簽、表格等
img:即是行內(nèi)又是塊級(jí)(即在一行又能設(shè)置寬高)
行內(nèi)元素和塊級(jí)元素的相互轉(zhuǎn)換:
通過display屬性進(jìn)行相互轉(zhuǎn)化
1、行內(nèi)轉(zhuǎn)化為塊級(jí): display:block;
2、塊級(jí)轉(zhuǎn)化為行內(nèi): display:inline;
3、轉(zhuǎn)化為即是行內(nèi)又塊級(jí): display:inline-block;
4、display:none 設(shè)置當(dāng)前元素隱藏
關(guān)于“css的三種引入方式是什么”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí),可以關(guān)注億速云行業(yè)資訊頻道,小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。