HTML+CSS第六课:初识CSS之CSS选择器的使用、为HTML文档添加CSS样式的3种方式

知识点:CSS的概念及语法、CSS选择器的使用、CSS选择器的优先级、添加CSS样式的3种方式。

1、CSS概念理解

        CSS 是Cascading Style Sheet的缩写,可以翻译为“层叠样式表”或者“级联样式表”,即“样式表”。层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

        CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

1.1 使用CSS的意义

      CSS最重要的目标是将文件的内容与它的显示分离开来。在CSS出现前,几乎所有的HTML文件内都包含文件显示的信息,比如字体的颜色、背景应该是怎样的、如何排列、边缘、连线等都必须一一在HTML文件内列出,有时会重复列出。CSS可以将这些信息中的大部分隔离出来,简化HTML文件,这些信息被放在一个辅助的、用CSS语言写的文件中。HTML文件中只包含结构和内容的信息,CSS文件中只包含样式的信息。(太长不看版……)

       总结两个意义:简化代码量、将内容和样式分离。

举例1:要实现以下网页效果:

你可能感兴趣的:(HTML+CSS网页设计)