style属性可以用在HTML中大部分的标签上,本文主要介绍了CSS设置style属性的3种方法,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧
可以将css样式编写到元素的style属性当中:
1.将样式直接写到style属性中,这种样式我们称为内联样式,内联样式只对当前的元素中的内容起作用,内联样式不方便复用,不推荐使用。
eg:
1 |
|
2.也可以将CSS样式编写到head中的style标签里,叫做内部样式。将样式表编写到style标签中,然后通过CSS选择器选中指定元素
1 2 3 4 5 6 7 8 9 10 11 |
|
3.还可以将样式表编写到外部的CSS文件中,然后通过link标签将外部的CSS文件引入到当前的页面中,href设置外部css文件的相对路径,使结构和表现完全分离。
1 |
|
其他:
在CSS中,祖先元素的样式,也会被他的后代元素所继承;利用继承关系,可以将一些基本样式设置给祖先元素,这样所有的后代元素将会自动继承这些样式;
但是并不是所有的样式都会被子元素所继承。比如:背景相关的样式都不会被继承。
eg:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
|
复制
到此这篇关于CSS设置style属性的3种方法的文章就介绍到这了。