层叠式样式表CSS
- 格式：ppt
- 大小：160.50 KB
- 文档页数：3
下载文档原格式
合集下载
css中deep方法使用
css中deep方法使用CSS中的deep方法使用CSS（层叠样式表）是一种用于描述网页样式和布局的标记语言，它定义了网页的外观和样式，使网页具有更好的可读性和可访问性。
在CSS中，通过选择器来选取HTML元素，并为其应用样式。
而在选择器中，可以使用deep方法来选择特定层级的子元素，以实现更精确的样式应用。
在CSS中，选择器是用于选择特定元素并为其应用样式的一种模式。
选择器可以通过元素的标签名、类名、ID、属性等进行选择。
而当需要选择特定层级的子元素时，可以使用deep方法。
deep方法用于选择当前元素的所有子元素，无论是嵌套在多少层级之下，都会被选中。
使用deep方法的语法为：```selector /deep/ sub-selector {/* styles */}```其中，selector为父元素的选择器，sub-selector为子元素的选择器。
通过使用/deep/关键词，可以选择到所有符合条件的子元素。
使用deep方法时，需要注意以下几点：1. deep方法只能用于嵌套选择器中，不能单独使用。
2. deep方法可以与其他选择器一起使用，以获取更精确的选择结果。
3. deep方法会选择当前元素的所有子元素，包括嵌套在多个层级之下的子元素。
4. deep方法选择的元素会受到后面的样式规则的限制，只有符合后面样式规则的元素才会应用样式。
下面是一个使用deep方法的示例：```.parent /deep/ .child {/* styles */}```上述示例中，.parent是父元素的选择器，.child是子元素的选择器。
通过使用/deep/关键词，可以选择到.parent元素下的所有子元素中符合.child选择器的元素，并为其应用样式。
使用deep方法可以非常方便地选择到特定层级的子元素，从而实现更精确的样式应用。
在实际使用中，可以根据具体需求选择使用深度选择器或其他选择器，以达到最佳的样式效果。
css 常用格式化样式
css常用格式化样式CSS（层叠样式表）用于设计和格式化网页的外观和样式。
下面是一些常用的格式化样式：1.文本格式化：●修改字体：font-family:Arial,sans-serif;●修改字体大小：font-size:16px;●修改字体粗细：font-weight:bold;●修改字体颜色：color:#333;●修改行高：line-height:1.5;●修改文字对齐方式：text-align:center;2.盒子模型格式化：●修改元素的宽度和高度：width:200px;height:100px;●设置边框：border:1px solid#ccc;●设置内边距：padding:10px;●设置外边距：margin:20px;●设置元素的背景颜色：background-color:#f5f5f5;3.背景格式化：●设置背景图片：background-image:url('example.jpg');●背景图片重复方式：background-repeat:no-repeat;●背景图片位置：background-position:center center;●背景图片大小：background-size:cover;4.元素定位：●设置元素相对定位：position:relative;●设置元素绝对定位：position:absolute;●元素位置：top:50px;left:20px;5.清除浮动：●清除浮动：.clearfix::after{content:"";display:table;clear:both;}6.响应式设计：●媒体查询：@media screen and(max-width:600px){在小屏幕下的样式body{font-size:14px;}}这些是一些常见的CSS格式化样式，用于调整文本、盒子模型、背景、定位和响应式设计等方面的样式。
CSS
第五节 CSS 层叠样式表） （层叠样式表）
1
复习4-1 复习
HTML 标记一般配对使用，不区分大小写 标记一般配对使用， 标记都具有属性。 标记都具有属性。属性提供关于网页上 HTML 元素的附 加信息 <元素名 [属性＝“值”] …> 内容 </元素名 ： 元素名 属性 属性＝ 元素名>： 元素名 <font> 文字 </font> <元素名 [属性＝“值”] … >：<img src=“…”> 元素名 属性 属性＝ ： <元素名 ：<br> 元素名>： 元素名 META 标记放置在网页的标题处以提供关于页面的信息。 标记放置在网页的标题处以提供关于页面的信息。 搜索引擎常会用到这些信息
alt=“..” border=“..”>
表格标记： 表格标记：<TABLE>、<TR>、<TD> 、 、 表单标记： 表单标记：<FORM action=“url” method=“get/post”>
INPUT元素 元素
</FORM>
3
复习4-3 复习
代码阅读
<TABLE width="200" border="1" align="center" > <CAPTION align="bottom">我的表格 我的表格</CAPTION> 我的表格 <TR bgcolor="yellow"> <TH>1</TH> <TH>2</TH> </TR> <TR align="center"> <TD rowspan="2">3</TD> <TD align="right">4</TD> </TR> <TR> <TD align="right">5</TD> </TR> </TABLE>
1
复习4-1 复习
HTML 标记一般配对使用，不区分大小写 标记一般配对使用， 标记都具有属性。 标记都具有属性。属性提供关于网页上 HTML 元素的附 加信息 <元素名 [属性＝“值”] …> 内容 </元素名 ： 元素名 属性 属性＝ 元素名>： 元素名 <font> 文字 </font> <元素名 [属性＝“值”] … >：<img src=“…”> 元素名 属性 属性＝ ： <元素名 ：<br> 元素名>： 元素名 META 标记放置在网页的标题处以提供关于页面的信息。 标记放置在网页的标题处以提供关于页面的信息。 搜索引擎常会用到这些信息
alt=“..” border=“..”>
表格标记： 表格标记：<TABLE>、<TR>、<TD> 、 、 表单标记： 表单标记：<FORM action=“url” method=“get/post”>
INPUT元素 元素
</FORM>
3
复习4-3 复习
代码阅读
<TABLE width="200" border="1" align="center" > <CAPTION align="bottom">我的表格 我的表格</CAPTION> 我的表格 <TR bgcolor="yellow"> <TH>1</TH> <TH>2</TH> </TR> <TR align="center"> <TD rowspan="2">3</TD> <TD align="right">4</TD> </TR> <TR> <TD align="right">5</TD> </TR> </TABLE>
css规则
水平位置：设置水平方向的位置，可以“左对齐“右对齐”、“居中”。还可以设置数值与单位结合表示位置的方式，比较常用的是像素单位。
垂直位置：可以选择“顶部”、“底部”、“居中”。还可以设置数值和单位结合表示位置的方式。
3、区块样式设置
在CSS规则定义”对话框左侧选择“区块”项，可以在右边区域设置CSS样式的区块格式。
层叠样式表 (CSS) 是一系列格式设置规则，它们控制 Web 页面内容的外观。使用 CSS 设置页面格式时，内容与表现形式是相互分开的。页面内容（HTML 代码）位于自身的 HTML 文件中，而定义代码表现形式的 CSS 规则位于另一个文件（外部样式表）或 HTML 文档的另一部分（通常为 < head> 部分）中。使用 CSS 可以非常灵活并更好地控制页面的外观，从精确的布局定位到特定的字体和样式等。
变量：在英文种，大写字母的字号一般比较大，采用“变量”中的“小型大写字母”设置，可以缩小大写字母。
颜色：设置文字的色彩。
2、背景样式的设置
在HTML中，背景只能使用单一的色彩或利用图像水平垂直方向的平铺。使用CSS之后，有了更加灵活的设置。
在CSS规则定义”对话框左侧选择“背景”项，可以在右边区域设置CSS样式的背景格式。
清除：规定对象的一侧不许有层。可以通过选择“左对齐”、“右对齐”，选择不允许出现层的一侧。如果在清除层的一侧有层，对象将自动移到层的下面。“两者”是指左右都不允许出现层。“无”是不限制层的出现。
“填充”和“边界”：如果对象设置了边框，“填充”是指边框和其中内容之间的空白区域；“边界”是指边框外侧的空白区域。
a:hover 设定鼠标放置在链接文字之上时，文字的外观。
3、为新建CSS样式输入或选择名称、标记或选择器，其中：
垂直位置：可以选择“顶部”、“底部”、“居中”。还可以设置数值和单位结合表示位置的方式。
3、区块样式设置
在CSS规则定义”对话框左侧选择“区块”项，可以在右边区域设置CSS样式的区块格式。
层叠样式表 (CSS) 是一系列格式设置规则，它们控制 Web 页面内容的外观。使用 CSS 设置页面格式时，内容与表现形式是相互分开的。页面内容（HTML 代码）位于自身的 HTML 文件中，而定义代码表现形式的 CSS 规则位于另一个文件（外部样式表）或 HTML 文档的另一部分（通常为 < head> 部分）中。使用 CSS 可以非常灵活并更好地控制页面的外观，从精确的布局定位到特定的字体和样式等。
变量：在英文种，大写字母的字号一般比较大，采用“变量”中的“小型大写字母”设置，可以缩小大写字母。
颜色：设置文字的色彩。
2、背景样式的设置
在HTML中，背景只能使用单一的色彩或利用图像水平垂直方向的平铺。使用CSS之后，有了更加灵活的设置。
在CSS规则定义”对话框左侧选择“背景”项，可以在右边区域设置CSS样式的背景格式。
清除：规定对象的一侧不许有层。可以通过选择“左对齐”、“右对齐”，选择不允许出现层的一侧。如果在清除层的一侧有层，对象将自动移到层的下面。“两者”是指左右都不允许出现层。“无”是不限制层的出现。
“填充”和“边界”：如果对象设置了边框，“填充”是指边框和其中内容之间的空白区域；“边界”是指边框外侧的空白区域。
a:hover 设定鼠标放置在链接文字之上时，文字的外观。
3、为新建CSS样式输入或选择名称、标记或选择器，其中：
层叠样式表
尺寸及定位 属性
Top Position
z-index
Company Logo
CSS样式表分类
根据样式代码的位置，分为三类： 行内样式
内嵌样式
外部样式
在最后一个声明后面加上一个分号 (;) 是一个好习惯
Company Logo
行内样式
您如果希望某段文字和其他段落的文字显示风格不一样，那么请采用“行内 样式”。行内样式使用元素标签的 STYLE 属性定义。 <html> <head> <title>行内样式表示例</title> </head> <body> <p style="font-family:华文彩云;">庐山美景——小天池</p> <p style="font-weight:bold">小天池位于庐山牯岭北面，池中之水置于高 山而终年不溢不涸。池后山脊上，屹立着一座白塔似的喇嘛塔。塔建于1936 年。小天池山对面还有一怪石，远望似一雄鹰伸颈欲鸣。</p> </body> </html>
type="text/css"表示类型是样 式表文本
Company Logo
CSS样式表常见的属性
属性 CSS名称 font-family Font-size Font-style 说明 设置或检索文本的字体 设置或检索文本字体的大小 设置或检索文本的字体样式，即字体风格，主 要设置字体是否为斜体。取值范围： normal | italic | oblique 用于设置字体的粗细，取值范围： Normal | bold | bolder | lighter | number
css ppt课件
重庆医科大学
计算机教研室
当同一个 HTML 元素被不止一个样式定义时，会使用 哪个样式呢？ 一般而言，所有的样式会根据下面的规则层叠于一个 新的虚拟样式表中，它们产生作用的优先级别为如下顺 序： 内联样式（在 HTML 元素内部）
内部样式表（位于 <head> 标签内部）
外部样式表（以CSS文件独立存在） 例题 css-1.html
重庆医科大学
计算机教研室
和 id 一样，class 也可被用作派生选择器： .fancy td { color: #f60; background: #666; } 类名为fancy的更大的元素内部的表格单元都会以灰色 背景显示橙色文字。 元素也可以基于它们的类而被选择： td.fancy { color: #f60; background: #666; } 在上面的例子中，类名为fancy的表格单元将是带有灰 色背景的橙色。你可以将类fancy分配给任何一个表格元素 任意多的次数。那些以 fancy 标注的单元格都会是带有灰 色背景的橙色。那些没有被分配名为fancy的类的单元格不 会受这条规则的影响。当然，任何其他被标注为fancy的元 素也不会这条规则的影响。 例题 css-4.html
重庆医科大学
计算机教研室
3 内联样式表 当样式仅需要在一个元素上应用一次时，就需要内联样 式表。要使用内联样式，你需要在相关的标签内使用样式 （style）属性，Style属性可以包含任何CSS属性。
<p style="color: sienna; margin-left: 20px"> This is a paragraph </p> 例题 css-1.html
重庆医科大学
层叠样式表
层叠样式表（CSS）的三种使用方式、Javascript脚本一、内联样式表：CSS样式表定义在文档头 <head> </head> 之间，如下网页HTML代码所示：<html><head><title>Test</title><style type=”text/css”><!—.a { font-family:隶书; font-size:28pt; color:yellow }.b { font-size:10.5pt; color:blue }--></style></head><body><p align=center class=a>灿烂的历史与厚重的现实</p><p class=b>曾看过很多有关近代史的…… </p></body></html>二、嵌入式：不在其它地方定义，而是直接嵌入到 HTML 标记中：<p style=” font-size:10.5pt; color:blue ”>曾看过很多有关近代史的…… </p>三、外部样式表：在文档头 <head> </head> 之间，引用外部的样式表文件，如下网页HTML 代码所示：1、生成外部样式文件：home.css，是一个独立的文本文件，内容与形式与下面的相似：.a { font-family:隶书; font-size:28pt; color:yellow }.b { font-size:10.5pt; color:blue }四、JavaScript脚本位置：<head> </head>之间<body> </body>之间格式：<script language="javascript">javascript脚本代码</script>。
css调制技术原理
css调制技术原理CSS调制技术原理CSS（层叠样式表）是一种用于描述网页样式和布局的语言，它利用选择器和属性来控制网页元素的外观。
CSS调制技术是指通过改变元素样式的方式，实现对网页的视觉效果进行调整和定制的方法。
本文将介绍CSS调制技术的原理和应用。
一、选择器和属性CSS调制技术的基础是选择器和属性。
选择器用于指定需要调整样式的元素，属性用于定义元素的外观。
选择器可以根据元素的标签名、类名、ID等进行选择，属性可以控制元素的颜色、背景、边框、字体等各个方面的样式。
例如，可以使用标签选择器来选择所有的段落元素（p），然后使用属性设置字体大小、颜色等样式。
p {font-size: 16px;color: #333;}二、层叠性和优先级CSS的层叠性是指当多个样式规则同时应用于同一个元素时，如何确定最终的样式。
CSS使用优先级来解决这个问题，优先级由选择器的特殊性和来源决定。
选择器的特殊性是通过计算选择器中ID、类、标签等的数量来确定的。
特殊性越高，优先级越高。
例如，ID选择器的特殊性最高，类选择器次之，标签选择器最低。
来源指的是样式规则的来源，内联样式的优先级最高，其次是嵌入样式表和外部样式表。
当存在多个样式表时，后面的样式表具有更高的优先级。
三、继承性CSS调制技术还利用了继承性来实现样式的传递。
继承性是指子元素可以继承父元素的某些样式。
例如，可以将字体样式设置在父元素上，然后通过继承使得所有子元素都具有相同的字体样式。
四、伪类和伪元素CSS调制技术还包括了伪类和伪元素的应用。
伪类是指对元素的特定状态进行选择，例如鼠标悬停、被点击等。
伪元素是指对元素的特定部分进行选择，例如元素的第一个字母、第一个行等。
通过使用伪类和伪元素，可以实现更加精细的样式控制。
例如，可以使用:hover伪类来设置鼠标悬停时的样式，可以使用::first-letter伪元素来设置首字母的样式。
五、响应式设计CSS调制技术还可以用于实现响应式设计。
CSS层叠样式表优先法则
CSS层叠样式表优先法则CSS样式优先级的收集、整理CSS 优先级法则：1. 选择器都有⼀个权值，权值越⼤越优先；2. 当权值相等时，后出现的样式表设置要优于先出现的样式表设置；3. 创作者的规则⾼于浏览者：即⽹页编写者设置的CSS 样式的优先权⾼于浏览器所设置的样式（⽤户样式表）；若⽤户样式表设置了!important”规则，则优先级为最⾼级(⾼过内联样式)（个⼈添加）4. 继承的CSS 样式优先级低于后来指定的CSS 样式；5. 在同⼀组属性设置中标有“!important”规则的优先级最⼤。
多重样式优先级：如果外部样式、内部样式和内联样式同时应⽤于同⼀个元素，就是使多重样式的情况。
⼀般情况下，优先级如下：（内联样式）Inline style >（内部样式）Internal style sheet >（外部样式）External style sheet有个例外的情况，就是如果外部样式放在内部样式的后⾯，则外部样式将覆盖内部样式。
样式的层级关系：权重：权值的⼤⼩跟选择器的类型和数量有关样式的优先级跟样式的定义顺序有关标签选择器的权值永远都⽐⼀个类选器择器的权值低，⽆论有多少个————⽐较同⼀级别的个数，数量多的优先级⾼，如果相同即⽐较下⼀级别的个数important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 > 继承通配选择符的权值 0,0,0,0标签的权值为 0,0,0,1伪对象选择的权值为 0,0,0,1伪类选择的权值为 0,0,1,0类的权值为 0,0,1,0属性选择的权值为 0,0,1,0ID的权值为 0,1,0,0内联样式的权值为1,0,0,0important的权值为最⾼ 1,0,0,0,0权值使⽤规则：选择器的权值加到⼀起，⼤的优先；如果权值相同，后定义的优先。
同类选择器⽆加权选择器权重值的计算：A：如果规则是写在标签的style属性中（内联样式），则A=1，否则，A=0. 对于内联样式，由于没有选择器，所以 B、C、D 的值都为 0，即 A=1, B=0, C=0, D=0（简写为 1,0,0,0，下同）。
Dreamweaver中层叠样式表的创建及使用
《Dreamweaver中层叠样式表的创建及使用》教案教学目标层叠样式表（CSS）是网页设计工作者制作网页时经常使用的工具。
利用它，可以统一定制网页文本、图片、表格等多种网页元素的样式，可以设计出更加丰富多彩的网页效果，而且能够迅速地将样式应用于整个网站的多个网页上。
通过本章的教学，要求学生掌握以下基本内容：1.了解层叠样式表的基本知识。
2.掌握在Dreamweaver文档中利用CSS面板创建层叠样式表的基本方法。
3.掌握将CSS样式应用到各种网页元素上的方法。
4.掌握修改CSS样式的方法，并观察到该修改对网页外观的影响。
5.掌握管理CSS层叠样式表的基本方法，学会将外部样式表链接到网站的多个网页上，以便直接应用已创建好的CSS样式，统一多个网页的外观。
教学内容∙CSS层叠样式表的基本知识：内联式样式表、嵌入式样式表、外部样式表。
∙在Dreamweaver中，使用CSS面板创建、应用、修改CSS层叠样式。
∙链接外部样式表。
教学重点∙创建CSS样式。
∙应用CSS样式。
∙修改CSS样式。
∙链接外部样式表。
教学形式课堂讲授与网络自学相结合教学辅助手段∙通过多媒体屏幕广播或屏幕投影，学生可实时观看教师的操作演示过程。
∙学生可以访问网络教学站点。
教学站点提供了重点操作的Flash动画演示。
教学时间安排：1课时（45分钟）∙层叠样式表的基础知识：10分钟。
∙创建和应用CSS样式：15分钟。
∙修改CSS样式：5分钟。
∙链接外部样式表：5分钟。
∙小结：10分钟。
教学方法与过程首先介绍为何在网页设计中引入层叠样式表的概念，使学生对层叠样式表的作用有一个感性的认识。
然后介绍层叠样式表的基本种类。
接着介绍利用CSS面板创建CSS样式、应用CSS样式以及修改CSS样式的方法。
其后，介绍如何为网站的多个网页链接已有的外部样式表。
最后，进行小结。
在小结过程中，引导学生辨认和判断三种样式表在网页的HTML代码中具体的代码表示，并引导学生总结这些代码是如何通过CSS面板进行设置的，使得学生进一步加深对理论知识的理解。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
（1） Type（类型）
样式：默认设置为“正常” 变体：设置文本的小型大写字母变量。 行高：设置文本所在行的高度。选中“正常” 会自动计算字体大小的行高。 大小写：将所选内容中的每个单词的首字母大 写或将文本设置为全部大写或小写。 修饰：常规文本的默认设置是“无”，链接的 默认设置是“下划线”。
（2） Background（背景）
（1） Type（类型）
• Type （类型）面板主要是对文字的字体，大小，颜 色，效果等基本样式进行设置。设置时，我们只对 要改变的属性进行设置，没有必要改变的属性就空 着。 • 各属性的含义为： 字体：为样式设置字体。 大小：定义文本大小。 粗细：对字体应用特定或相对的粗体量。“正常”等 于400，“粗体”等于700。
• • •
CSS样式分类和样式的创建
• 标签 我们可以针对某一个标签来定义层叠 样式表，也就是说定义的层叠样式表只应 用于选择的标签。例如我们为<body>和 </Body>标签定义了层叠样式表，那么所 有包含在 <Body>和</body>标签的内容 将遵循定义的层叠样式表。 如下代码： td{color:#000099;font-size:9pt}
第8章 层叠式样式表
教学内容: 1、什么是CSS及为什么使用CSS？ 2、CSS的基本语法 3、CSS样式的创建、编辑、应用、删除 4、设置CSS样式属性 5、CSS的优先级顺序
1、什么是CSS及为什么使用CSS？
• CSS全称为Cascading Style Sheets，一般 称之为层叠式样式表，是用来控制网页对 象外观的一系列样式属性。 如字体、颜色、 填充、边距和字间距等。 • CSS是由WORLD WIDE WEB CONSORTIUM（全球广域网协会，简称 W3C）制定，到目前为止，CSS已经经历 了两代，即CSS1(IE3.0)和CSS2(IE5.0)。
3、CSS样式的创建、编辑、应用、 删除
链接外部css样式表 新建css－标签table,定义在新建样式列表 文件－保存.css－ 修改个别属性 应用：“css样式”面板－“附加样式表”－ “链接”－…－“套用” 优点：凡是用此样式表的网页都随着更改。 补充：上面的“链接”，是只修改链接文本 的css样式，其他文本不变。
2、CSS的基本语法(2)
• Selector表示需要应用样式的内容；Property表示 由CSS标准定义的样式属性，value表示样式属性 的值。 • 其中： Selector的类型可以为： （1）HTML标记符；如<P><BODY><TABLE>等。 （2）用户定义的类class；如：.RED.GREEN等 （3）用户定义的ID；如#myid（使用#作为id的标 识） （4）虚类：对于超级链接<a></a>则使用虚类
为什么使用CSS
（1）对于网页页面较大的网页，我们可以 快速地进行批处理文件。 （2）CSS的一组样式可以被不同的对象调 用 （3）CSS的语法简单易懂 （4）CSS具有丰富的样式效果（如鼠标样 式、各种滤镜的效果）
CSS样式分类和样式的创建
• • • 层叠样式表CSS包含以下3种类型： ● 类 用户可以在文档的任何区域或文本中应用自 定义的层叠样式表，如果将自定义的层叠样式 表应用于一整段文字，那么会在相应的标签中 出现Class属性，该属性值即为自定义层叠样式 表名称。如果将自定义的层叠样式表应用于部 分文字上，那么会出现<Span>和<Span>标签， 并且包含有Class属性。 如下代码： .bg{background-image：url(bg.gif);} <body class="bg">
4、设置CSS样式属性
• 在Dreamweaver4的CSS样式里包含了 W3C规范定义的所有CSS1的属性， Dreamweaver4把这些属性分为Type（类 型）、Background（背景）、Block（区 块）、Box（盒子或方框）、Border（边 框）、 List（列表）、Positioning（定位）、 Extensions（扩展）八个部分
• Background面板主要是对元素的背景进行设置， 包括背景颜色、背景图象、背景图象的控制。一 般是对BODY（页面）、TABLE（表格）、DIV （区域）的设置。 • 各属性的含义为： 背景颜色：设置元素的背景颜色。 背景图像：设置元素的背景图像。
CSS样式分类和样式的创建
• 高级 为特殊的组合标签定义层叠样式表，使用ID 作为属性，以保证文档具有惟一可用的值。层 叠样式表选择符是一种特殊类型的样式。常用 的有4种，分别为： a:link、a:active、a:visited、a:hover ● a:link：设定正常状态下链接文字的样式 ● a:active：设定鼠标单击时链接的外观 ● a:visited：设定访问过的链接外观 ● a:hover：设定鼠标放置在链接文字之上时， 文字的外观
• • • • •
CSS样式分类和样式的创建
无论是哪种类型的样式，创建基本上 要经过以下的步骤： 定义样式类型 设定样式外观 应用样式
• • •
2、CSS的基本语法(1)
• CSS的基本组成为：
selector{Property1：value1;property2:value2}
选择符
属性
属性值
3、CSS样式的创建、编辑、应用、 删除
内部css样式表的应用：去掉超链接下划线 新建css---选择器类型为“高级”，选择 器名称为“a”,仅对该文档－－在“a的css 样式定义”改“修饰”为“无” 改变超链接的颜色： 新建css---选择器类型为“高级”，选择 器名称为“a:hover”,仅对该文档－类型中 修改“颜色”
3、CSS样式的创建、编辑、应用、 删除
应用CSS样式进行如下三步： • 定义样式类型 • 设定样式外观 • 应用样式 （1）创建CSS样式 （2）编辑CSS样式 （3）应用CSS样式 （4）删除CSS样式
3、CSS样式的创建、编辑、应用、 删除
创建类 “窗口”－“CSS样式”－右下角“新建 CSS样式”－选择“类”－设置“CSS样 式定义” 注意：如果创建的是类，则名称一定要以 “.”开头，例如.mystyle 应用css样式 例如：选择文本－右键－css样式－ mystyle