CSS选择器

最新推荐文章于 2025-03-06 12:11:45 发布

OK~

最新推荐文章于 2025-03-06 12:11:45 发布

阅读量118

点赞数

分类专栏：面子工程

本文链接：https://blog.youkuaiyun.com/weixin_38052444/article/details/81584328

版权

面子工程专栏收录该内容

17 篇文章

订阅专栏

标签选择器

p { font-size:16px;}

类选择器

.class { font-size:16px;}

id选择器

#id { font-size:16px;}

行内样式

<h1 style="color:red;">style属性的应用</h1>
<p style="font-size:14px; color:green;">直接在HTML标签中设置的样式</p>

链接外部样式表

<head>
  ……
<link href="style.css" rel="stylesheet" type="text/css" />
……
</head>

导入外部样式表

<head>
……
<style type="text/css">
<!--
@import url("style.css");
-->
</style>
</head>

链接式与导入式的区别
标签属于XHTML，@import是属于CSS2.1
使用链接的CSS文件先加载到网页当中，再进行编译显示
使用@import导入的CSS文件，客户端显示HTML结构，再把CSS文件加载到网页当中
@import是属于CSS2.1特有的，对于不兼容CSS2.1的浏览器来说就是无效的。

css样式优先级
行内样式>内部样式表>外部样式表 (就近原则)
ID选择器>类选择器>标签选择器