css第1天(css的引入方式、文本文字樣式、字間距、盒子文字陰影)

1.css的三種引入方式

1.行內(nèi)式

2.內(nèi)嵌式

3.外鏈式

2.控制文本顏色

color屬性

百分比顏色賦值

3.控制文字的相關(guān)屬性

font-size:控制文字大小,單位px、

font-family:控制字體庫,默認微軟雅黑

font-weigth:控制字體是否加粗,normal( 正常 )、bold(加粗)

font-style:控制字體是否傾斜,normal:?正常、italic:?傾斜

font屬性的連寫:先寫字體大小,再寫字體庫

可以清楚標簽的默認屬性,所有標簽的本質(zhì)都是一樣的,可以用代碼來進行設(shè)置

4.控制文字水平居中

控制文字/圖片的水平對齊方式:text-align: left、center、right

5.控制文字垂直居中

控制文字/圖片垂直居中方式:text-align=“容器的高度”

6.控制文本首行縮進

text-indent:2em;

7.文本修飾屬性(各種線)

text-decoration:underline(下劃線)、overline(上劃線)、 line-through(刪除線)

清除a標簽的下劃線:text-decoration:none;(最常用)

8、字間距

letter-spacing:;

每個回車會產(chǎn)生3px間隙,清除字間距

9、盒子文字陰影

盒子陰影

box-shadow:?0px?4px?15px?-8px?deeppink;

?/*?水平位移??垂直位移?模糊程度?影子大小??顏色?*/

文字陰影

?text-shadow:?0px?4px?15px?-8px?deeppink;

????/*?水平位移??垂直位移?模糊程度?影子大小??顏色?*/

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
禁止轉(zhuǎn)載,如需轉(zhuǎn)載請通過簡信或評論聯(lián)系作者。

友情鏈接更多精彩內(nèi)容