今日内容:
- CSS的简介
- HTML的局限性:
- HTML可以做简单的样式,但是带来的是无尽的臃肿和繁琐。
- CSS是什么:
- CSS层叠样式表(Cascading Style Sheets),CSS也是一种标记语言,不仅可以设置丰富的样式,也可以实现结构和样式分离。
- CSS的语法规范
- 比如:

- color 、 font-size是属性 red 和 30px是属性值
- 注意点:
- 1、选择器是用于指定CSS样式的HTML标签,{}内部是对该对象设置的具体样式
- 5、所有的样式一般都写在<style></style>标签中,一般该标签写在<head></head>标签中
- 例

- CSS的基础选择器
- 标签选择器(元素选择器)
- 标签选择器是指用HTML标签名称作为选择器,按照标签名称进行分类,为页面中的某一类标签来指定样式。
- 缺点:
- 不能设计有差异化的样式,只能选中符合条件的所有同类标签
- 例

- 类选择器
- 目的:
- 为了差异化选择不同的标签,选择一个或者多个标签都可以
- 注意点:
- 1、类选择器使用“.”进行标识,后面要紧跟类名(类名是自定义的)
- 3、不要使用纯数字、中文等内容进行类的命名,尽量使用英文字母来表示
- 4、命名一定要有意义、尽量使人一看就知道这个类代表什么意思
- 多类名的使用
- 使用方法:
- 将样式里面的多个类名同时放在class属性中进行调用即可,多个类名之间要用空格隔开
- 优势:
- 给标签设置样式的时候比较自由,想用哪几个类就调用哪几个类即可。
- id选择器
- 概念
- id是唯一的标识,所以id选择器主要是为了唯一的HTML标签指定特定的样式,虽然同一个id可以被调用多次,但是不允许这样去使用
- 语法:
- 在style标签中 是用“#”来进行定义, 在需要调用id选择器的标签中是用id属性进行调用即可
- 例

- id选择器和类选择器的区别:
- 1、类选择器好比人的名字,一个人可以有多个名字,同时一个名字也可以被多个人使用
- 通配符选择器
- 概念
- 在CSS中,通配符选择器使用“*”来进行定义,它表示选中页面中的所有元素
- 注意点:
- 通配符选择器不需要进行调用,直接在style进行声明即可
- 只是特殊情况下才使用统配符选择器,比如:给所有的元素清除本身所带样式
- 例

提出问题
|