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爱好者其它相关文章!
-
沪指强势突破3500点关口,A股创年内新高激活市场信心(沪指突破3000点是什么意思) 2025-07-09
-
币安交易所国际版与中文版区别 2025-07-09
-
CoinSwitch推出10万卢比Web3代币交易服务 2025-07-09
-
贝莱德购入38.5亿美元比特币,旗下IBIT收益超越标普500基金 2025-07-09
-
最好用的币圈行情软件推荐-2025欧意APP下载 2025-07-09
-
周杰伦入驻抖音引爆资本热潮,巨星传奇股价飙涨逾九成(周杰伦如果入驻抖音) 2025-07-09