CSS样式有那四种类型?请对每一种类型进行简要说明
3个回答
展开全部
小弟才疏学浅只知道三种,我就先说三种类型吧,不足的请补充
内联样式、内部样式、外部样式
内联样式:样式直接写在标签内的叫做内联样式。权值大于内部样式和外部样式。
例如:<div style="width:100px;height:100px;border:1px solid #000;background: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>
内联样式、内部样式、外部样式
内联样式:样式直接写在标签内的叫做内联样式。权值大于内部样式和外部样式。
例如:<div style="width:100px;height:100px;border:1px solid #000;background: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>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询