这篇文章主要介绍了css可以放的位置有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
css可以放的位置有三种,分别是:1、放在元素标签的style属性中,仅对当前元素有效;2、放在当前页面头部的head标签的style标签中,仅对当前页面所有元素有效;3、放在独立的CSS文件中,对所有引入该文件的页面均有效。
css代码可以放哪里?
1,写在元素标签的style属性中,仅对当前元素有效;
2,写在当前页面头部的head标签的style标签中,仅对当前页面所有元素有效;
3,写在独立的CSS文件中,在head标签中使用<link>标签引用;对所有引入该文件的页面均有效。
下面我们用例子来一一说明:
写在元素标签的style属性中:
<p style="color:red;">abc</p>
写在当前页面头部的标签中:
<head> <meta charset="UTF-8"> <title>Document</title> <style> p{ text-align: center; } </style></head>
写在独立的CSS文件中,使用<link>标签引用:
<head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="Untitled-1.css"></head>
下面是CSS独立文件中的内容:
p{ color: red;}
感谢你能够认真阅读完这篇文章,希望小编分享的“css可以放的位置有哪些”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网行业资讯频道,更多相关知识等着你来学习!