使用CSS样式控制页面的方法包括：
1、行内样式
2、内嵌样式表
3、外部样式表
<!--行内样式-->
<h2>test</h2>
<p style ="color: #ff0000; font-size: 24px" /> test </p>
<!--内嵌样式表-->
<head>
<style type ="text/css">
p{
color: red;
}
</style>
</head>
<!--外部样式表-->
<!--1、链接外部样式表-->
<head>
<link href ="url" rel ="stylesheet" type ="text/css" />
</head>
<!--2、导入外部样式表-->
<head>
<!--
@import url("外部样式表CSS文件的路径和名称");
-->
</head>
链接外部样式表和导入外部样式表的区别：
1、加载顺序不同
当一个页面被加载时，使用<link>标签引用的CSS会同时被加载,而使用@import引用的
CSS会等页面全部被下载完再加载.
2、兼容性的区别
@import是CSS2.1提出的使用方式,有些老的浏览器并不支持.比如IE4以下浏览器
3、使用DOM控制页面样式的区别
当页面使用JavaScript控制DOM改变页面样式时,使用<link>标签支持,而@import并不
是DOM可控制的,另外,<link>属于XHTML标签,而@import完全是CSS提供的一种方式.
样式的优先级：
从高到低：
1、行内样式表
2、内嵌样式表
3、链接外部样式表
4、导入外部样式表
分享到：
相关推荐
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
【标题】中的“尚硅谷前端入门html+css零基础教程”指的是一个由尚硅谷教育机构提供的，面向初学者的前端开发课程，主要涵盖了HTML（超文本标记语言）和CSS（层叠样式表）的基础知识。这个教程是为那些对前端开发...
通过笔记和实例的实践，你可以逐步理解并掌握这些概念，从而从零开始建立起前端开发的能力。 在实际应用中，前端开发者通常会将HTML、CSS和JavaScript结合使用，构建功能丰富且美观的网页。例如，可以使用HTML创建...
尚硅谷（李立超）——HTML5&CSS3笔记总结【持续更新】 本文适合前端菜鸟食用，小编自己整理的李立超老师视频的笔记，手打不易，那就望您每年快乐吧。逃） 一、进制 1.十进制（日常使用）： 特点：满10进1 计数：0 1 ...
本资源【html+css+js学习笔记.zip】是一个全面的前端开发学习资料包，旨在帮助初学者从零开始掌握HTML、CSS和JavaScript的基础知识。通过详尽的代码实例和知识点解释，学习者可以逐步搭建起坚实的Web开发基础。HTML...
总的来说，这个"CSS零基础入门视频课程"将引导初学者逐步探索CSS的世界，从最基础的概念到实用的技术，通过实际操作和理论学习相结合，让学习者具备创建美观、功能完备的网页样式的能力。记住，持续练习和实践是掌握...
Blueprint CSS Framework 是一个高效且实用的前端开发工具，旨在简化CSS编码过程，提高开发效率。这个框架提供了标准化的CSS规则，帮助开发者快速构建响应式和易于维护的网页设计。以下是对Blueprint CSS Framework...
这份文件是一份针对零基础学习者的前端学习笔记，主要围绕HTML（HyperText Markup Language，超文本标记语言）的基础知识进行了详尽的介绍。HTML是构成网页内容的基础，通过使用各种标签（TAGs）来定义不同的内容...
本资源包含了 HTML、CSS 和 JavaScript 的详细学习笔记，适合初学者从零开始学习前端技术，同时也可作为有一定基础的开发者提升技能的参考资料。无论你是想入门还是进阶，这份学习笔记都能为你提供全面的指导和帮助...
这个压缩包文件包含了一系列关于...这些文档覆盖了从基础到进阶的多个方面，对于想在IT行业尤其是Web开发领域深入学习的人来说是非常宝贵的资源。通过学习和实践，可以提升编程技能，更好地应对实际项目中的挑战。
本章节《杰诺Jero-学习笔记》之div+css 第二章，主要聚焦于利用HTML和CSS来创建网页布局，尤其强调了`div`元素与CSS样式的应用。以下是对这些知识点的详细讲解： 首先，`div`（division）是HTML中的一个块级元素，...
根据pink老师的课程做的学习笔记 学习HTML、CSS以及HTML5 CSS3新增的属性、看完这篇文章你就学会了
这份“十几万字前端学习笔记.pdf”文件中的内容，涵盖了前端开发的核心知识点，主要围绕HTML、CSS、JavaScript等基础技术，以及现代前端技术栈中的工具和框架，如Vue.js和Webpack。此外，还涉及了一些前端工程实践...
本教程旨在帮助零基础的学员从头开始学习这两种关键技术，并通过实际项目加深理解。 HTML（HyperText Markup Language）是用于创建网页内容的标准标记语言。在"初识HTML"章节中，你将学习到HTML的基本概念，包括： ...
本教程“HTML笔记,html零基础入门视频课程”是为初学者设计的一套系统学习资源，旨在帮助新手快速掌握HTML的基本概念和实际应用。 一、HTML基本结构 HTML文档由一系列的元素组成，这些元素通过标签来定义。每个HTML...
根据提供的文件信息，标题与描述均为“1、零基础入门课程笔记（适合电子档观看）.pdf”，但具体内容并未提供有关IT行业的知识点或与标题描述相匹配的信息，而是重复了与钢琴教学相关的联系信息。因此，我们将基于...
零基础开始学习前端，HTML和CSS
零基础开始学习web，HTML和CSS
本教程"前端入门和进阶学习笔记超详细的图文教程"旨在帮助初学者从零基础开始，逐步掌握JavaScript，并进一步提升至全栈工程师的水平。 一、JavaScript基础 JavaScript是一种解释型的、基于原型的对象导向语言，它...