CSS设置style属性的3种⽅法
CSS：层叠样式表
可以将css样式编写到元素的style属性当中：
1.将样式直接写到style属性中，这种样式我们称为内联样式，内联样式只对当前的元素中的内容起作⽤，内联样式不⽅便复⽤，不推荐使⽤。
eg：
<p >明⽉⼏时有，把酒问青天！</p>
2.也可以将CSS样式编写到head中的style标签⾥，叫做内部样式。
将样式表编写到style标签中，然后通过CSS选择器选中指定元素
<head>
<style type="text/css">
p{
color:green;
font-size:40px;
}
</style>
</head>
<body>
<p>明⽉⼏时有，把酒问青天！</p>
</body>
3.还可以将样式表编写到外部的CSS⽂件中，然后通过link标签将外部的CSS⽂件引⼊到当前的页⾯中，href设置外部css⽂件的相对路径，使结构和表现完全分离。
<link rel="stylesheet" href="css/style.css" />
其他：
在CSS中，祖先元素的样式，也会被他的后代元素所继承；利⽤继承关系，可以将⼀些基本样式设置给祖先元素，这样所有的后代元素将会⾃动继承这些样式；
但是并不是所有的样式都会被⼦元素所继承。⽐如：背景相关的样式都不会被继承。
eg：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body{
font-size: 25px;
}
</style>
</head>
<body>
<p>明⽉⼏时有？</p>
cssclass属性<p class="p1">明⽉⼏时有？</p>
<p>明⽉⼏时有？</p>
<p>明⽉⼏时有？</p>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。