- communauté
- Apprendre
- Bibliothèque d'outils
- Loisirs
Maison > Questions et réponses > le corps du texte
<style>
span{
color:blue;
}</style>
是所有需要控制样式的css都写在<head>下的style中吗
css和style是什么关系?
数据分析师2017-09-30 23:25:23
Le style CSS est-il contrôlé dans le style sous <head> ? - Questions et réponses sur le site Web PHP chinois - Le style CSS est-il contrôlé dans le style sous <head> - Questions et réponses sur le site Web PHP chinois
Jetez un œil et apprenez.
阿神2016-12-21 11:50:50
在回答之前先说一下，你会问最后一个问题是因为你对css和html标签的理解不太透彻，至少对css的理解不太透彻，所以，请先看对第一个问题的回答，可能有点长了，我最好先说一下我回答的是什么：第一个是介绍的css的使用方法，你所说的只是其中一种；第二是挑明了css和,<style>的关系。
先回答第一个问题：是所有需要控制样式的css都写在<head>下的style中吗？
首先要知道，CSS控制页面的方式一共有四种，分别是：
1、浏览器缺省设置
2、外部样式表
3、内部样式表（位于 <head> 标签内部）
4、内联样式（在 HTML 元素内部）
其中4有最高优先权。
第一种常用但一般不接触，由于每个浏览器对未定义CSS的元素有各自的默认的样式，就是说同一个元素在每个浏览器中的样子不一样，所以可以用“set style”来解决，就是将一个css“外部样式表”（看第二）引入到每个网页当中，如果某个元素未定义css，那么就会遵从“set style”的内容。可以认为每个浏览器对元素的css默认值不同，这个东西就是用来确定默认值的，这样在每个浏览器中的现实就一样了。
第二种常用，如果你的页面几乎每个“块”都要用css控制，那么最好采用这种方式。就是说在一个html页面里引入一个“css样式表”，样式表里是对html的元素的控制。这种方式有一定的好处，尤其是几乎每个元素都要用到css的时候。可以这样引入：
<head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head>
注意：一定是在<head>里面，href的值是路径，如果是在同一路径下可以直接用css文件的名称。在css样式表里不需要任何html标签，直接定义：块（或id选择器）｛属性；....｝就可以。而且不建议有多个css文档，一般来说两三个就够，可以用这两三个css文档控制所有的页面，这牵扯到效率性能问题，如果网站页面较多，访问数量大的化这样做可以减少传输流量。
第三种在对页面的控制比较少或不复杂时也常用，效果和第二种都一样，只不过是将css控制放在了html页面内，使用方法如下：
<head>
<style type="text/css">
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url("images/back40.gif");}
</style>
</head>第四种就是将css控制语句直接放在html元素内，不推荐，有偷懒的嫌疑，不过如果基本不用css的话，这样做还是挺方便的，对效率的影响也不大，如果网站页面多，还是最好用第二种说的。方式如下：
<p style="color: sienna; margin-left: 20px"> This is a paragraph </p>
这样看的话，你的第二个问题也就回答了：css和style是什么关系？
可以这样理解：css是用来控制页面元素“长成什么样的”，<style>标签是第三种使用css的方式（作为css的容器）.
好了，如果还不明白，