内联样式、内部样式、外部样式
内联样式:样式直接写在标签内的叫做内联样式。权值大于内部样式和外部样式。
例如:<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都是独立且不重复的,具有唯一性。
手打!~希望对你有帮助!