1页嵌式:<style type="text/css"> ...... </style> 写在页内
2连接式:<link href="style.css" rel="stylesheet" type="text/css" /> 连到外部css文件
3行内式:<div style="width:100px;"></div> 写在行里
4导入式:@import url(style.css);导入外部css文件.
4种中用2连接式最好(正常情况下)
其权限是.3行内式>2连接式>1页嵌式>4导入式
举个例子,如果一个元素同时用是4种css(一般只用1,2种.假设同时用4种),同一属性那么它只用行内式里css定义,行内式及有id和!important声明的,其权限一样.
和css一样,谁在后面用谁,如
#aa{width:180px;}
<div id="aa" style="width:100px;"></div>
故它的宽度是100px;

本文详细介绍了CSS样式的四种常见应用方式:内嵌式、链接式、行内式和导入式,通过比较它们的优缺点,指导开发者选择最合适的样式应用方法。同时,通过实例演示了如何在HTML元素中覆盖样式,确保最终呈现效果的一致性和可控性。
967

被折叠的 条评论
为什么被折叠?



