Home  >  Q&A  >  body text

控制css样式 是在<head>下的style中吗?

<style>

span{

    color:blue;

}</style>

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

css和style是什么关系?


phpcn_u226phpcn_u2262859 days ago864

reply all(2)I'll reply

  • 数据分析师

    数据分析师2017-09-30 23:25:23

    Is the css style controlled in the style under <head>? - PHP Chinese website Q&A - Is the css style controlled in the style under <head>? - PHP Chinese website Q&A

    Take a look around and learn .

    reply
    0
  • 阿神

    阿神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的容器).

    好了,如果还不明白,

    reply
    0
  • Cancelreply