样式表定义及引用
1 内联样式
在标记中直接使用style属性可以对该标记括起的内容应用该样式显示。
<p style="font-family:宋体;color:green;background-color:yellow;font-size:9pt">
<body style="font-family:宋体;font-size:12pt;background:yellow">
使用style属性定义内容与值之间用：，可以定义多项，各项之间以;分隔。
由于这种方式是在HTML标记内部使用样式，故称为“内联样式”。若要在一个HTML文件中使用内联样式，必须在该文件的头部对整个文档进行单独的样式表语言声明。即<META http-equiv="Content-type"
content="text/css">内联样式因为其将样式和内容不能分离，可见这种方式应尽量少用。
2 CSS样式表定义
其中：选择符可以是要引用样式的标记，类选择符，ID选择符或上下文选择符等。规则表是由一个或多个样式属性组成的样式规则，各个样式属性间用分号隔开，每个样式属性的定义格式为“样式名：值”。样式定义中可以加入注解，格式为/**/.
例如：
p{font-family:"宋体";color:green;background-color:yellow;font-size:9pt;}
H1,H2{font-family:"隶书","宋体";color:#ff8800}
.heti{font-family:"黑体";color:#000000;}
#id1{color:blue;}
可以把上面这段直接定义在HTML的style标记中，也可以定义在独立的CSS文件中。
外部CSS样式表的引用方式有两种：
1 链接CSS样式文件。<LINK REL=stylesheet TYPE="text/css"
HREF="style.css" media="screen">，这个应该定义在head中
2 导入CSS样式表文件。引用样式文件的HTML文档也可以利用CSS
@import 声明导入外部样式表。格式为：
<style>@import URL("style.css");</style>
两种方式的区别：
第二种导入外部样式表方式在浏览器下载HTML文件时就将样式文件的全部内容复制到@import关键字所在的位置，以替换该关键字。而链接方式在浏览器下载HTML文件时并不进行替换，而仅在HTML文档需要引用CSS样式文件中的某个样式时，浏览器才链接样式文件，读取需要的内容。
样式表选择符
1 标记符
标记符可以是一个式多个，各个标记之间可以逗号分开。
例如：
p{font-family:"宋体";color:green;background-color:yellow;font-size:9pt;}
H1,H2{font-family:"隶书","宋体";color:#ff8800}
2 类选择符和CLASS属性
利用类选择符和标记的CLASS属性可以使相同的标记使用不同的样式。也可以不同的标记使用同样的样式，只要使标记的CLASS属性的值为样式表中定义的类选择符即可。
<style type="text/css">
P{font-family: 宋体;color:green;background-color:yellow;font-size:9pt;}
p.back{font-family:"隶书","宋体";color:#ff8800}
.heti{font-family:"黑体";color:#000000;}
</style>
<h2
class="heti">该内容以heti样式显示</h2>
<h3 class="heti">该内容以heti样式显示</h3>
<p>该内容以p样式显示</p>
<p class="back">该内容以p.back样式显示</p>
3 ID选择符和ID属性
ID选择符用于定义一个元素的独有样式，它与类选择符的区别在于ID选择符在一个HTML文件中只能引用一次，而类选择符可以多次引用。ID选择符的定义格式。定义在sytle标记中或者单独的CSS文件中#id1{color:blue;} <p id="id1">内容为id1样式</p>
随着CSS的产生，<span>标记被新加入到HTML中，增加该标记的目的是允许我们给出样式而不必将样式附加在一HTML的原有标记上。它的存在纯粹是为工，可见，当样式表失效时它就没有任何作用了。<span>标记可以带有的属性class,id,style等与CSS样式有关的属性。
4
伪类
伪类是特殊的类，能自动被支持CSS的浏览器所识别。伪为厅区别标记的不同状态。伪类不能HTML的class属性来指定。伪类的定义格式如下。最常见的应用是指定超链接以不同的方式链接.例：
<style
type="text/css">
a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}
</style>
5 上下文选择符
上下文选择符定义嵌套标记的样式。H2 em{color:darkred},该定义指明HTMNL文件中出现嵌套标记<h2><em></em></h2>之处将引用该样式。上下文选择符由于应用场合十分特殊，故用的很少。
样式的继承和作用顺序
1 样式继承
将包含其他标记的标记称为父标记，则被包含的标记就是子标记。子标记将继承父标记的样式，即样式的继承。
2 样式的作用顺序
对一个标记来说，可能有多个样式都能对标记起作用，但样式表作用到标记上时有一个顺序
CSS属性
CSS属性包括字体属性，颜色和背景属性，文本属性，方框属性，分类属性，和定位属性等。
分享到：
相关推荐
CSS笔记 CSS（Cascading Style Sheets），即层叠样式表，是一种用于描述网页样式的语言。CSS的出现拯救了混乱的HTML，让HTML专注于结构呈现，而样式交给CSS处理。 一、CSS简介 1.1 CSS的发展历程 从HTML被发明...
CSS 笔记 CSS（Cascading Style Sheets）是一种用来表现 HTML 或 XML 等文件样式的计算机语言。它可以静态地美化网页，也可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行...
HTML与CSS笔记 HTML（HyperText Markup Language，超文本标记语言）是构成网页内容的骨架，用于创建网页的结构，并通过不同的标签来描述网页的各个部分。CSS（Cascading Style Sheets，层叠样式表）则负责网页的...
这份"史上最经典的HTML+CSS笔记"无疑是学习这两门技术的重要参考资料。以下将根据标题、描述以及可能包含的子文件内容，对HTML和CSS的基础知识进行详细阐述。 HTML是网页内容的结构语言，用于定义网页的各个元素...
css笔记整理（精简） 初识CSS CSS语法 CSS样式引入 css选择器 CSS中的块级元素与行内元素 background 背景(集合样式) font 文字(集合样式) border 边框(复合样式，集合样式) CSS 框模型概述
**CSS笔记一** 在网页设计领域，CSS（Cascading Style Sheets）是不可或缺的一部分，它负责定义HTML或XML（包括SVG、MathML等各种XML方言）文档的呈现方式。本笔记将深入探讨CSS的基础知识，包括选择器、盒模型、...
总结，"黑马前端css笔记.zip"包含了CSS3的重要知识点，如选择器扩展、媒体查询、响应式设计、渐变效果、布局技术（Flexbox和Grid）以及动画过渡等。这些内容对于前端开发人员深入理解和运用CSS3至关重要，能帮助他们...
- **网站**：《Webstandards Solutions》、《网站重构》、《CSS禅意花园》、《点石成金》，都是优秀的在线资源，涵盖了从标准规范到设计美学的广泛内容。 - **名人与网站**：了解万维网的创始人Tim Berners-Lee，...
### HTML CSS 笔记知识点详解 #### 页面自动刷新 页面自动刷新是指网页可以在设定的时间间隔后自动重新加载，实现页面内容的更新。这种技术在早期的网页开发中较为常见，通常用于实现简单的内容轮播或者定时获取...
在网页设计中，`div+css`是一种常见的布局技术，用于实现网页的结构化和美化。`div`是HTML中的一个通用容器元素，用于组织和包裹其他HTML元素，而`css`则是层叠样式表，用来定义网页的样式、布局和视觉效果。`div+...
**CSS（层叠样式表）全面手册** 在网页设计领域，CSS（Cascading Style Sheets）是不可或缺的一部分，它用于定义HTML或XML（包括SVG、XHTML等）文档的呈现方式。通过使用CSS，我们可以控制网页元素的颜色、字体、...
- 外部 CSS：通过 `<link>` 标签引用一个外部的 CSS 文件，如 `<link href="my.css" type="text/css" rel="stylesheet"/>`，这种方式有利于样式复用和代码组织。 - 内部 CSS：将 CSS 代码写在 HTML 的 `<style>` ...
### CSS 笔记：滤镜、阴影与圆角 #### 一、CSS滤镜(Filter) 在Web开发过程中，为了使页面更加美观或者实现特定的视觉效果，开发者常常需要使用到CSS滤镜。CSS滤镜是一种可以对元素进行颜色或图像处理的效果工具。...
html和css基础总结，适合入门web和初学者
这份"naofantian HTML_CSS笔记"提供了作者naofantian在进行毕业设计时积累的知识点和经验分享。 首先，HTML（HyperText Markup Language）是用于创建网页内容的标记语言。它通过各种标签来定义网页的结构，如`...
CSS笔记
CSS笔记主要涵盖了如何定义和应用CSS样式，以及常见的样式属性。 **一、CSS引入方式** 1. 内联样式：在HTML元素的`style`属性中直接写CSS样式，例如`;">文本</p>`。 2. 内部样式表：将CSS写在HTML文档的`<head>`...
这个名为“CSS_Demo”的压缩包文件是与一篇名为《CSS笔记》的文章配套的代码示例，文章作者通过CSDN平台分享了关于CSS的学习心得和实践案例。这篇文章的链接是：...