通过两个例子让你掌握css-选择器的用法。
工具/原料
UE
第一个例子
1
名词介绍h1,h2是selector 后面的{}里面包含的是属性的名称,和属性的值,*作为selector的时候是任何都匹配的。text-align:center 居中对齐class selector 类选择器,class用.来选择它id selector 用#来选择它italic 倾斜universal 普遍的priority 优先权
2古诗两首
先打开UE建立如下文档
古诗两首
静夜思
李白
床前明月光
疑是地上霜
举头望明月
低头思故乡
春晓
孟浩然
春眠不觉晓
处处闻啼鸟
夜来风雨声
花落知多少
3古诗两首
现在title下面加一个style属性
古诗两首
静夜思
李白
床前明月光
疑是地上霜
举头望明月
低头思故乡
春晓
孟浩然
春眠不觉晓
处处闻啼鸟
夜来风雨声
花落知多少
4古诗两首
改变标题一的大小
古诗两首
静夜思
李白
床前明月光
疑是地上霜
举头望明月
低头思故乡
春晓
孟浩然
春眠不觉晓
处处闻啼鸟
夜来风雨声
花落知多少
5古诗两首
或者改变一下文本的颜色
古诗两首
静夜思
李白
床前明月光
疑是地上霜
举头望明月
低头思故乡
春晓
孟浩然
春眠不觉晓
处处闻啼鸟
夜来风雨声
花落知多少
6古诗两首
居中对齐
古诗两首
静夜思
李白
床前明月光
疑是地上霜
举头望明月
低头思故乡
春晓
孟浩然
春眠不觉晓
处处闻啼鸟
夜来风雨声
花落知多少
7古诗两首
变化文字背景颜色
古诗两首
静夜思
李白
床前明月光
疑是地上霜
举头望明月
低头思故乡
春晓
孟浩然
春眠不觉晓
处处闻啼鸟
夜来风雨声
花落知多少
8古诗两首
id选择的优先级比class选择要更要一些
古诗两首
静夜思
李白
床前明月光
疑是地上霜
举头望明月
低头思故乡
春晓
孟浩然
春眠不觉晓
处处闻啼鸟
夜来风雨声
花落知多少
第二个例子
1 身体的结构 下面是身体的组成
ue新建body.html文件
- 脑袋
- 上肢
- 躯干
- 左臂
- 左大臂
- 左小臂
- 左手
- 大拇哥
- 二拇哥
- 三拇哥
- 无名指
- 小拇指
- 右臂
- 右大臂
- 右小臂
- 右手
- 大拇哥
- 二拇哥
- 三拇哥
- 无名指
- 小拇指
2 身体的结构 下面是身体的组成
为上肢下面的ul加一个id
- 脑袋
- 上肢
- 躯干
- 左臂
- 左大臂
- 左小臂
- 左手
- 大拇哥
- 二拇哥
- 三拇哥
- 无名指
- 小拇指
- 右臂
- 右大臂
- 右小臂
- 右手
- 大拇哥
- 二拇哥
- 三拇哥
- 无名指
- 小拇指
3
内联大于id,id大于class,class大于type,级联大于*
上一篇:让乳房坚挺的小秘诀