css引入方式-行内式plan
通过 style这个标签属性,将css键值对直接写入标签内
<p style="width: 100px;height: 100px;background: red;"></p> <!--注释:这段代码描述的是一个宽高为100px，背景为红色的容器-->
css引入方式-内嵌式（嵌入式）
使用style标签将css属性名和属性值引入到html页面中,通常style标签放置在head标签中。为什么css样式要放置在head标签中呢,因为代码从上到下执行,如果先加载结构,那么用户看到的樯橹就将是干巴巴的内容,而没有通过美化,而先加载样式后加载结构,就相当于孩子出生就是穿着衣服的！
<head> <style type="text/css"> p{ width: 100px;height: 100px;background: red; } </style> </head>以上代码描述的也是一个宽高为100px，背景为红色的容器，只不过是通过内嵌式引入的!
css引入方式之外链式
通过link标签将独立的css文件引入到html页面中
<link rel="stylesheet" type="text/css" href="./style.css">
rel=”stylesheet”描述了当前页面与href所指定的文档的关系，即说明的是href链接的文档是一个新式表,type=”text/css&l读音#8221;是指定minme类型,也就是css文档。href=”议论文开头./style.css”规定被链青蛙旅行接文档的位置
css引入方式之导入式
<style type="text/css"> @import url("style.css");</style>通过@import url引入一个独立的css文件,url(“style.css”)规定被链接文档的位置
到此这篇关于css文件中的4种引入方式:行内,内联式,外部式,导入式的文章就介绍到这了,更多相关css 引入方式内容请搜索www.887551.com以前的文章或继续浏览下面的相关文章，希望大家以后多多支持www.887551.com！
本文发布于:2023-04-03 19:14:02，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/e47b7ee66f86bee13e0babe71e85c609.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：详解CSS文件中的4种引入方式:行内,内联式,外部式,导入式.doc
本文 PDF 下载地址：详解CSS文件中的4种引入方式:行内,内联式,外部式,导入式.pdf
| 留言与评论（共有 0 条评论） |
<