在html中要引入css，才能对其html元素内容进行修饰，html是网页的结构部分，css是在html中起修饰也就像房子装修类似的意思，css样式表可以对html里的元素内容进行控制它的大小，
在html中要引入css，才能对其html元素内容进行修饰，html是网页的结构部分，css是在html中起修饰也就像房子装修类似的意思，css样式表可以对html里的元素内容进行控制它的大小，颜色，字体等等，html加css就是目前的div+css布局（表格布局的时代过去了），下面讲下引入css的4种方法，不知道你全用过没，请看：
1.行内式，即直接写在标签里，如：
<p style="font-size:16px;color:#000;">引入css的这4种方法你全用过吗？</p>
2.内链式，即在写head标签里，如：
<!Doctype html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/> <title>引入css的这4种方法</title> <style type="text/css"> p{font-size:16px;color:#000;} </style></head><body> <p>引入css的这4种方法</p></body></html>3.【推荐】外链式，即引用外部css样式表，如：
<!Doctype html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/> <title>引入css的这4种方法</title> <link href="css/css.css" rel="stylesheet" type="text/css"/></head><body> <p>引入css的这4种方法</p></body></html>
4.使用@import，即引用外部css样式表，如：
<!Doctype html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/> <title>通过@import引用外部css样式表</title> <style type="text/css"> @import url(css.css);/*这里是通过@import引用外部css样式表*/ </style></head><body> <p>通过@import引用外部css样式表</p></body></html>
总结：引入css的这4种方法中，第1种行内式和第4种使用@import引入，用的很少而且第4种我做前端这么多年几乎没用过它，行内式尔尔用下，推荐使用第3种外链式，利于网站优化，即seo，搜索引擎喜欢，也便于我们自己的工作。
本站部分文章来自网络或用户投稿，如无特殊说明或标注，均为本站原创发布。涉及资源下载的，本站旨在共享仅供大家学习与参考，如您想商用请获取官网版权，如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。