CSS基础：样式表的三种使用方式与层叠优先级

版权申诉

79 浏览量更新于2024-09-11 收藏 4.4MB PPT 举报

"本章总结了CSS基础，包括CSS的三种使用方式（内联样式表、内部样式表、外部样式表）、语法规则、取值与单位、常用样式和定位方法。强调了样式表的层叠优先级，并通过实例演示了内联样式表和内部样式表的使用。" 在网页设计中，CSS（Cascading Style Sheets）是用于控制网页布局和样式的语言。本章主要介绍了以下几个方面： 1. **CSS样式表**：CSS样式表分为三种类型——内联样式表、内部样式表和外部样式表。内联样式表直接在HTML元素内通过`style`属性应用，影响该元素自身；内部样式表置于`<head>`标签内，影响整个文档；外部样式表通过链接外部`.css`文件，能统一管理多个页面的样式。 2. **内联样式表**：内联样式表的语法是在HTML元素内添加`style`属性，如`<h1 style="color:blue;background-color:yellow">`，多个属性之间用分号隔开。这种方式的作用范围仅限于该元素。 3. **内部样式表**：内部样式表使用`<style>`标签包裹CSS规则，如`<style>h1{color:red}</style>`，所有在文档内的`<h1>`元素都会受到这个样式的影响。HTML5中，`<style>`标签无需指定`type="text/css"`。 4. **CSS语法规则**：CSS语法规则包括选择器、花括号包围的属性列表，每个属性后面跟冒号和值，如`h1{color:red}`。属性间用分号隔开，便于阅读。 5. **CSS取值与单位**：CSS允许各种取值，如颜色、长度、百分比等，常见的单位有像素(px)、百分比(%)、em、rem等，用于控制元素的大小、间距等。 6. **CSS常用样式**：包括颜色、字体、背景、边框、盒模型、文本属性等多种样式，这些样式组合起来能实现丰富的页面效果。 7. **CSS定位**：CSS提供了四种定位方法——静态定位、相对定位、绝对定位和固定定位，通过`position`属性控制元素的位置。本章的学习目标旨在让读者掌握CSS的基础知识，理解样式表的层叠优先级，以及如何通过不同的方式应用样式。通过实践案例，例如内联样式表和内部样式表的使用，读者可以更深入地了解CSS的工作原理，为后续的网页设计和开发打下坚实的基础。

getsentry

粉丝: 28
资源: 2万+

CSS基础：样式表的三种使用方式与层叠优先级

联想多媒体键盘驱动LXB-CH0507.rar

联想LXB-CH0507键盘驱动

ZE08-CH20型电化学甲醛模组-STM32代码(UART读取)

CH03 CSS基础.ppt

tdd-java-ch03-tic-tac-toe:Java测试驱动开发第3章

Spring security 认证-ch03

ZXCTN-BC-CH-数据网络基础

Justubborn#NoteBook#C语言学习笔记-CH03-数组1

计算机通信与网络-ch03-数据链路层－贺.ppt

The Annotated C++ Reference Manual(ARM)-Ch03

最新资源