回顾

什么是 CSS？

CSS 指的是层叠样式表* (Cascading Style Sheets)
CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML
元素 CSS 节省了大量工作。它可以同时控制多张网页的布局
外部样式表存储在 CSS 文件中

CSS 是一种描述 HTML 文档样式的语言。
CSS 描述应该如何显示 HTML 元素（HTML美颜）。

三种使用 CSS 的方法

有三种插入样式表的方法：

外部 CSS

<!--外部样式link,还有一种@import url=""-->
<link rel="stylesheet" href="css/style.css">

内部 CSS

<!--内部样式--><style>h2{color: green;}</style>

行内 CSS

<!--行内样式：在标签元素中，编写一个style属性，填写样式即可-->
<p style="text-align: center; color: red">xxxx</p>

示例

上章我们学会简单使用css了，以后我就不展示详细操作步骤了！！！

1.编写index.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>导入方式</title><!--内部样式--><style>h2{color: green;}</style><!--外部样式link,还有一种@import url=""--><link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--行内样式：在标签元素中，编写一个style属性，填写样式即可-->
<h1 style="text-align: center; color: red">我是标题1</h1>
<h2>我是标题2</h2>
<h3>我是标题3</h3>
<h4>我是标题4</h4></body>
</html>

2.编写style.css

h3{color: blue;
}

3.运行及测试结果

小结

就近原则，不同样式定义一个元素时采取就近原则，采取离元素近的样式
css注释：

/* 这是一条单行注释 */
p {color: red;
}

作者有话说

博客创作不易，希望看到这里的读者动动你的小手点个赞，如果喜欢的小伙伴可以一键三连，作者大大在这里给大家谢谢了。

CSS学习02之css导入方式相关推荐

超细的CSS学习笔记（CSS详解）
复习CSS时记录的笔记. 从最基本的 CSS 概念开始,复习如何使用 CSS 同时控制多重网页的样式和布局.同时涉及最新版本 CSS3 的内容,掌握新的标准化组件. 文章目录一.CSS介绍 1.CS ...
CSS学习笔记(一) CSS基础+CSS3新特性
思维导图文章目录思维导图 1. CSS 简介 2. CSS 引入方式 2.1 行内样式表 2.2 内部样式表 2.3 外部样式表 2.4 CSS 引入方式总结 3. CSS 选择器 3.1 CSS ...
自学html和css,学习HTML和CSS的5大理由
描述人们学习HTML和CSS最常见的原因是开始从事web开发.但并不是只有web开发人员才要学习HTML和CSS的核心技术.作为一个网络用户,你需要你掌握的相关技术很多,但下面有5个你无法拒绝学习H ...
html和css学习,HTML与CSS学习小结
Headfirst系列书,照相留念,用了很多便签记录知识点 Headfirst系列编程书有个特点是节奏很慢,每章包含的知识点不多就那么几个,但是比较全面,把篇幅多用在多种实际情况的演练和讲解原因上了( ...
HTML及CSS学习笔记 06 - CSS简介和常见的选择器
本文是HTML及CSS课程的第六课.W3C提倡网页的内容与表现分离,层叠样式表(Cascading Style Sheet)即是网页中的"表现"部分,它描述HTML标签将会显示成什 ...
CSS学习笔记11 CSS背景
background-color:背景色前面我们经常用background-color这个属性来设置元素的背景色,例如下面这条css可将段落的背景色设置为灰色 p {background-color ...
CSS学习笔记--Div+Css布局（div+span以及盒模型）
1.DIV与SPAN 1.1简介 1.DIV和SPAN在整个HTML标记中,没有任何意义,他们的存在就是为了应用CSS样式 2.DIV和span的区别在与,span是内联元素,div是块级元素内联元 ...
css中怎么加入立体模型,CSS学习笔记二：css 画立体图形
继上一次学了如何去运用css画平面图形,这一次学如何去画正方体,从2D向着3D学习,虽然有点满,但总是一个过程,一点一点积累,然后记录起来. Transfrom3D 在这一次中运用到了一下几种属性: ...
HTML和CSS学习笔记
拨开云雾见天日守得云开见月明一.visual studio code编辑器快捷键:Ctrl+c复制 ctrl+v粘贴 ctrl+a全选 Ctrl+s保存 ctrl+x剪切 ctrl+z撤销 ct ...

CSS学习02之css导入方式

回顾