如何引入CSS的方式

发布时间:2022-03-10 10:22:44 作者:小新
来源:亿速云 阅读:119

小编给大家分享一下如何引入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的方式”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. 引入css的方式有几种
  2. CSS文件中有多少种引入方式

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:SpringCloud怎么利用Feign访问外部http请求

下一篇:Python私有函数,私有变量及封装的方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》