css放在哪里
时间:2021-04-26 来源:互联网
今天PHP爱好者给大家带来css可以放的位置有三种,分别是:1、放在元素标签的style属性中,仅对当前元素有效;2、放在当前页面头部的head标签的style标签中,仅对当前页面所有元素有效;3、放在独立的CSS文件中,对所有引入该文件的页面均有效。希望对大家有所帮助。
本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。
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放在哪里的详细内容,更多请关注php爱好者其它相关文章!
-
铁门是什么梗揭秘网络热词背后的搞笑真相 2025-09-11
-
想知道铁男是什么梗吗?揭秘这个火爆网络的热梗由来和含义,快来看看吧! 2025-09-11
-
铁拳警告是什么梗?揭秘网络热词背后的含义与用法,快速了解这一流行文化现象。 2025-09-11
-
燕云十六声破竹风怎么玩-破竹风用什么奇术推荐 2025-09-11
-
明日之后今日迎更新-开学特别季迎新福利功能 2025-09-11
-
如鸢主线9-13王允低练度-密探最高70无伤通关 2025-09-11