Rumah > Artikel > hujung hadapan web > css放在哪里
css放在哪里
- 藏色散人asal
- 2021-04-08 09:10:417892semak imbas
css可以放的位置有三种，分别是：1、放在元素标签的style属性中，仅对当前元素有效；2、放在当前页面头部的head标签的style标签中，仅对当前页面所有元素有效；3、放在独立的CSS文件中，对所有引入该文件的页面均有效。
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
css代码可以放哪里？
1，写在元素标签的style属性中，仅对当前元素有效；
2，写在当前页面头部的head标签的style标签中，仅对当前页面所有元素有效；
3，写在独立的CSS文件中，在head标签中使用2cdf5bf648cf2f33323966d7f58a7f3f标签引用；对所有引入该文件的页面均有效。
下面我们用例子来一一说明：
写在元素标签的style属性中：
<p style="color:red;">abc</p>
写在当前页面头部的标签中：
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p{
text-align: center;
}
</style>
</head>写在独立的CSS文件中，使用2cdf5bf648cf2f33323966d7f58a7f3f标签引用：
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="Untitled-1.css">
</head>下面是CSS独立文件中的内容：
p{
color: red;
}【推荐学习：css视频教程】
Atas ialah kandungan terperinci css放在哪里. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css怎么实现英文不换行Artikel seterusnya：css怎么让样式失效