如何引入CSS的方式

2023-06-28

小编给大家分享一下如何引入CSS的方式,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

1)内嵌式

通过<style></style>来书写CSS代码。

只能应用于当前网页,不能被其它网页共享。

注意:<style>标记可以放在网页的任何地方,但一般放在<head>

2)外联式

通过<link>标记来引入外部的CSS文件(.css)

可以被其它网页共享。public.css index.css news.css about.css

格式:<link href=CSSURL rel=stylesheet type=text/css />

注意:<link>标记只能放在<head>

3)行内样式

通过style的属性来书写CSS代码。

每一个HTML元素,都有 styleclassidnametitle 属性。

举例:<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:列表类型,取值:nonecircle square

List-style-position:符号位置,取值:insideoutside

List-style-image:图片路径,举例:list-style-image:url(images/li01.gif); 

以上是“如何引入CSS的方式”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注本站行业资讯频道!