css规则按选择器类型分为哪四种?

html-css015

css规则按选择器类型分为哪四种?,第1张

1、代表内联样式,如:style=””,权值为1000。

2、代表ID选择器,如:#content,权值为100。

3、代表类,伪类和属性选择器,如.content,权值为10。

4、代表类型(元素)选择器和伪元素选择器,如divp,权值为1。

按照CSS代码的执行先后顺序。如果有重复的规则,按照后执行的定义。最终规则是多个定义规则的综合。重点:高级规则定义对于不同表格的文字样式定义。(不同表格使用不同ID、使用类样式定义)一页中的多种超级链接样式定义。多个相同规则不同对象的CSS共同定义。对于同一对象定义的多种CSS方式考虑哪种更科学。

链入外部样式表, 如:

<head>

……

<link href="mystyle.css" rel="stylesheet" type="text/css" media="all">

……

</head>

内部样式表, 如:

<head>

……

<style type="text/css">

hr {color: sienna}

p {margin-left: 20px}

body {background-image: url("images/back40.gif")}

</style>

……

</head>

内嵌样式,如:

<p style="color: siennamargin-left: 20px">

这是一个段落

</p>