可以将css样式编写到元素的style属性当中：
1.将样式直接写到style属性中，这种样式我们称为内联样式，内联样式只对当前的元素中的内容起作用，内联样式不方便复用，不推荐使用。
eg：
1 | <p style="color:blue;font-size: 50px">明月几时有，把酒问青天！</p> |
2.也可以将CSS样式编写到head中的style标签里,叫做内部样式。将样式表编写到style标签中，然后通过CSS选择器选中指定元素
1 2 3 4 5 6 | p{ color:green; font-size:40px; }<p>明月几时有，把酒问青天！</p> |
3.还可以将样式表编写到外部的CSS文件中，然后通过link标签将外部的CSS文件引入到当前的页面中，href设置外部css文件的相对路径，使结构和表现完全分离。
1 |
其他：
在CSS中，祖先元素的样式，也会被他的后代元素所继承；利用继承关系，可以将一些基本样式设置给祖先元素，这样所有的后代元素将会自动继承这些样式；
但是并不是所有的样式都会被子元素所继承。比如：背景相关的样式都不会被继承。
eg：
1 2 3 4 5 6 7 8 | body{ font-size: 25px; }<p>明月几时有？</p><p class="p1">明月几时有？</p><p>明月几时有？</p><p>明月几时有？</p> |
到此这篇关于CSS设置style属性的3种方法的文章就介绍到这了,更多相关CSS设置style属性内容请搜索IT俱乐部以前的文章或继续浏览下面的相关文章，希望大家以后多多支持IT俱乐部！
