css如何合并到html中

html-css020

css如何合并到html中,第1张

当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:

1、外部样式表当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观;

例如:

2、内部样式表当单个文件需要特别样式时,就可以使用内部样式表。你可以在

head

部分通过

标签定义内部样式表;

例如:<style

type="text/css">body

{background-color:

red}p

{margin-left:

20px}

3、内联样式当特殊的样式需要应用到个别元素时,就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何

CSS

属性。以下实例显示出如何改变段落的颜色和左外边距。

例如:

This

is

a

paragraph

没见过这样的工具,按照css的特性相同属性后写进去的生效,把你最想要的属性往后写就行,唯一不美的就是上面会多出很多无效的

div{

    display: none

    height: 100px

    width:200px

    background-color: #000

    border: 1px solid #666

}

div{

    display: block

    background-color: #666

    width: 300px

}

生效的代码

div{

    height: 100px

    border: 1px solid #666

    display: block

    background-color: #666

    width: 300px

}