如何引入CSS的方式

發(fā)布時間：2022-03-10 10:22:44 來源：億速云閱讀：116 作者：小新欄目：web開發(fā)

小編給大家分享一下如何引入CSS的方式，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

（1）內(nèi)嵌式

通過<style></style>來書寫CSS代碼。

只能應(yīng)用于當前網(wǎng)頁，不能被其它網(wǎng)頁共享。

注意：<style>標記可以放在網(wǎng)頁的任何地方，但一般放在<head>。

（2）外聯(lián)式

通過<link>標記來引入外部的CSS文件(.css)。

可以被其它網(wǎng)頁共享。public.css index.css news.css about.css

格式：<link href=“CSS的URL” rel=“stylesheet” type=“text/css” />

注意：<link>標記只能放在<head>中

（3）行內(nèi)樣式

通過style的屬性來書寫CSS代碼。

每一個HTML元素，都有 style、class、id、name、title 屬性。

舉例：<p style=“font-size:24px;”></p>

CSS的字體/文本屬性

Font-size：文字大小

Font-weight：加粗

Font-style：斜體

Color：顏色

Line-height：行高

Text-indent：首行縮進

Text-align：水平對齊

Letter-spacing：字符間距

CSS列表

List-style-type：列表類型，取值：none、circle、 square

List-style-position：符號位置，取值：inside、outside

List-style-image：圖片路徑，舉例：list-style-image:url(images/li01.gif);

以上是“如何引入CSS的方式”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

猜你喜歡