一、CSS概述
(一)产生背景
- 从HTML被发明开始,样式就以各种形式存在,最初的HTML只包含很少的显示属性。
- 随着HTML的成长,为了满足页面设计者的要求,HTML添加了很多显示功能,例如:文本格式化标签。
- 但是随着这些功能的增加,HTML变得越来越杂乱,而且HTML页面也越来越臃肿。
- 于是CSS便诞生了。
- CSS全称Cascading Style Sheets,层叠式样式表,是一种用来表现HTML的文件样式的计算机语言。
- 作用:静态在修饰网页,并且可以配合脚本语言动态地对网页各元素进行格式化。
(二)发展过程
- CSS 1
- CSS 2
- CSS 3
(三)CSS概念
- CSS全称Cascading Style Sheets,层叠式样式表,是一种用来表现HTML的文件样式的计算机语言。
- 作用:静态在修饰网页,并且可以配合脚本语言动态地对网页各元素进行格式化。
二、CSS语法
(一)CSS代码书写位置
- CSS的代码根据书写位置不同分为四种书写方式:内联式、内嵌式、外联式、导入式。
- 外联式样式表标签属性
(二)CSS规则
- CSS规则由两个主要的部分构成:选择器 { 一条或多条声明 }
(三)CSS注释语法
- 一个清晰易读的CSS代码,离不开CSS注释的合理添加。
- 语法格式:/* 中间部分为注释内容 */
- VS Code快捷键:ctrl+/
(四)CSS代码书写风格
- 代码风格是实际开发中的书写方式,并非强制标准。
三、CSS常用样式
(一)文字三属性
- 颜色值的两种写法
- 常用的颜色名和颜色值
- 字体和字号的注意事项及实际应用
(二)盒子实体化三属性
- 如果想在浏览器中具体看到一个盒子占有的实际位置,需要设置盒子可以实体化的三属性。
四、CSS选择器
- 在内嵌式和外部CSS中,要想将CSS样式应用于特定的HTML元素,首先需要找到该目标元素,这时需要用到CSS中的选择器。
- 选择器:选择要添加样式的HTML标签的一种方法、模式。