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-18
-
银与绯家族有哪些-银与绯所有势力详细 2025-09-18
-
燕云十六声天赏保底多少-天赏保底机制详解 2025-09-18
-
手机号快速查询订单状态 实时跟踪物流信息更便捷 2025-09-18
-
手机号查快递单号物流信息 一键查询所有快递状态跟踪 2025-09-18
-
球球大作战2段位怎么升-段位升级规则详解 2025-09-18