CSS样式有那四种类型?请对每一种类型进行简要说明

html-css033

CSS样式有那四种类型?请对每一种类型进行简要说明,第1张

小弟才疏学浅只知道三种,我就先说三种类型吧,不足的请补充

内联样式、内部样式、外部样式

内联样式:样式直接写在标签内的叫做内联样式。权值大于内部样式和外部样式。

例如:<div style="width:100pxheight:100pxborder:1px solid #000background:red">你好</div>

内部样式:样式写在头部内的叫内部样式。权值大于外部样式,小于内联样式。

例如:

<html>

<head>

<style>

#d1{

width:100px

height:100px

border:1px solid #000

background:red

}

</style>

</head>

<body>

<div id="d1">你好</div>

</body>

</html>

外部样式:样式写在后缀名为.css的文件中,然后通过在html页头引入css文件的方式叫外部样式。权值小于内联样式和内部样式。

例如:

<html>

<head>

<link rel="stylesheet" href="css样式文件地址">

</head>

<body>

<div id="d1">你好</div>

</body>

</html>

有这三种 taglibname{} .name{} #id{}

第一种为标签样式,taglib为标签名,后面{}里面加属性,这种样式对页面内所有的标签名为taglibname的标签起作用。

第二种为css类样式,需要在HTML开始标签 后缀 class="name",name即类名,这类标签对HTML内所有后缀同样name的标签起作用 class="name" 可以设在多个开始标签后,表示这些标签具有同一类样式。

第三种为cssID样式,需要在HTML开始标签后缀 id="id",需要注意的是,ID样式的话,每一个name都是独立且不重复的,具有唯一性。

手打!~希望对你有帮助!