控制css样式 是在<head>下的style中吗?
phpcn_u226
phpcn_u226 2016-12-21 11:48:46
0
2
896

<style>

span{

    color:blue;

}</style>

是所有需要控制样式的css都写在<head>下的style中吗

css和style是什么关系?


phpcn_u226
phpcn_u226

répondre à tous(2)
数据分析师

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.

阿神

在回答之前先说一下,你会问最后一个问题是因为你对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的容器).

好了,如果还不明白,

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal