使用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+DIV笔记让您更快进入网页编程的世界。 -------------------------------------------------------------
根据pink老师的课程做的学习笔记 学习HTML、CSS以及HTML5 CSS3新增的属性、看完这篇文章你就学会了
零基础开始学习前端，HTML和CSS
1、java se (j2se)桌面开发 java中的基础中的基础 2、java ee (j2ee)web开发 3、java me (j2me)手机开发 java se课程介绍 java面向对象编程(基础) java图开界面开发 java数据库编程 java文件io流编程 java网络编程 ...
零基础开始学习web，HTML和CSS
该资源包含“淘宝商城首页_开发项目（静态）”的...若想要理解项目中的重难点，请参考我的博客中的《HTML+CSS零基础学习笔记（五）— 模拟淘宝首页（静态）》一文。总结自《渡一教育_2020权威HTML+CSS零基础入学》。
课程中使用的所有英文单词都会逐一查询并记录，真正做到零基础入门学习，最适合初学者的教程，让你少走弯路！课程内容包括：1.CSS简介2.CSS基本用法3.选择器4.常用CSS属性5.盒子模型6.定位方式7.其他CSS属性8.页面...
│ │ └笔记.doc │ ├ │ │ ├[思库教育]第25集 斐波纳挈数列.mp4 │ │ └[思库教育]第26集 数组的遍历.avi │ ├ │ │ ├[思库教育]第27集 猴子吃桃.avi │ │ ├[思库教育]第28集 杨辉三角.avi │ │ ├[思库...
我的学习笔记我的个人学习笔记集，包括各种课程，教程，文章或讲座。前端HTML，CSS，Sass JavaScript 解决freeCodeCamp和HackerRank挑战JavaScript算法 React体验一下React：构建您的第一个ToDo应用并将其托管在...
本套视频为传智2018web前端开发全套视频教程基础班+就业班，视频+源码+案例笔记，全套高清不加密~2018最新传智播客视频！...本套课程，特别适合零基础者进行系统学习前端！ 下载地址：txt文档中网盘链接
本套视频为传智2018web前端开发全套视频教程基础班+就业班，视频+源码+案例笔记，全套高清不加密~2018最新传智播客视频！...本套课程，特别适合零基础者进行系统学习前端！ 下载地址：txt文档网盘
课程中使用的所有英文单词都会逐一查询并记录，真正做到零基础入门学习，适合初学者的教程！课程内容包括：1.HTML简介、文档结构2.Sublime的使用3.常用标签4.超链接、表格、表单5.内嵌框架iframe6.HTML5简介、新特性...
本资源采用html5 css3 js 技术，使网页中由于多粒子在不断跳动，形成一个爱心，零基础小白可查看源代码进行学习，当然，也可以下载对自己的女神表白，话不多说，快来下载吧！！！！！
leetcode 530 每周算法 HTML CSS Javascript 前端构建工具 小游戏 框架 数据库 学习笔记 ...个人独白，记录学习经验，希望能改掉自己学完就扔的老毛病。...CSS ...从零搭建webpack配置系列 ...vue基础 ...学习笔记
个人学习笔记与博文 Menu Tools Plugin css-plugin js-plugin react-plugin python-plugin Framework css-ui-framework react-ui-framework Notes JavaScript Python html & css 前端工程 NodeJS 基础 Express KOA ...