CSS 学习笔记——关于样式表插入的补充

最新推荐文章于 2024-07-21 20:52:32 发布

jupiter_0516

最新推荐文章于 2024-07-21 20:52:32 发布

阅读量173

点赞数

分类专栏： CSS学习笔记

本文链接：https://blog.csdn.net/jupiter_0516/article/details/77200293

版权

CSS学习笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

CSS 学习笔记——关于样式表插入的补充

这些是以前学习做的笔记，现在整理一下放到博客上，清理磁盘空间啦~

1、样式表允许以多种方式规定样式信息。

2、样式可以规定在单个的HTML 元素中（内联样式），在 HTML 页的头元素中（内部样式表），或在一个外部的 CSS 文件中（外部样式表）。也可以在同一个 HTML 文档内引用多个外部样式表。

3、一般情况下，优先级如下：

内联样式 > 内部样式 > 外部样式 > 浏览器默认样式

注意：若外部样式放在内部样式的后面，则外部样式将覆盖内部样式。

例如：

<head>
   <!-- 外部样式 style.css -->
   <link rel="stylesheet" type="text/css"href="style.css"/>
   
   <!-- 内部样式 -->
   <style type="text/css">
       h1{
	color:green;
	}
   </style>
</head>
 
<body>
	<h1>CSS样式表使用示例</h1>
	/*此处为内联样式*/
	<p style="color:sienna;margin-left:20px">这是一个段落。</p>
</body>

style.css：


h1{
color:red;
text-align:left;
font-size:8pt;
}

关于多重样式优先级的补充

1、所谓优先级指的是浏览器是通过判断哪些属性值与元素最相关以决定并应用到该元素上的。

2、优先级仅由选择器组成的匹配规则决定的。

3、优先级就是分配给指定的CSS声明的一个权重，它由匹配的选择器中的每一种选择器类型的数值决定。

jupiter_0516

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS 学习笔记——关于样式表插入的补充

CSS 学习笔记——关于样式表插入的补充这些是以前学习做的笔记，现在整理一下放到博客上，清理磁盘空间啦~ 1、样式表允许以多种方式规定样式信息。2、样式可以规定在单个的HTML 元素中（内联样式），在 HTML 页的头元素中（内部样式表），或在一个外部的 CSS 文件中（外部样式表）。也可以在同一个 HTML 文档内引用多个外部样式表。3、一般情况下，优先级如
复制链接

扫一扫

专栏目录