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-07-09
-
币圈必备的行情软件推荐2025 2025-07-09
-
迷你世界旋转装置怎么做-迷你世界旋转门 2025-07-09
-
使命召唤手游本周活动有哪些-高达版本福利活动 2025-07-09
-
安卓用户必装的数字货币交易APP 2025-07-09
-
国际金价持续上扬创新高,金饰品克价突破千元心理关口(国际金价上涨) 2025-07-09