这是我参与「第四届青训营 」笔记创作活动的的第3天 层叠样式表
Cascading Style Sheets
用来定义页面元素的样式
设置字体和颜色
设置位置和大小
添加动画效果
选择器,用来选中页面一些元素,例如选择器是 h1,就是让 h1 标签,设置样式
用选择器加上大括号,就是选择规则
在页面使用 css
外链,嵌入,内联
一般来讲,我们推荐第一种,外链方式
外链方式也是可以的,但是不推荐的是内联
通过 style 引入样式,将 h1,p 标签设置字体大小,行高,颜色. CSS 是如何工作的
通过 dom 树,解析 css 来展示页面
选择器 Selector
找出页面中的元素,以便给他们设置样式,可以使用多种方式选择元素
1 按照标签名,类名或id 2 按照属性 3 按照DOM 树中的位置
统配选择器,通过*{}来进行全局设置
id 选择器.通过 id = "logo"
通常用 id 来设置属性时,id 是唯一的,在理解上 id 应该是唯一的值
类选择器
比较常用还是用 class 来设置样式
属性选择器,通过选择器的属性,属性值来设置
input 的 password
通过 a 标签的 href,开头是#标签
伪类选择性,又分为状态和结构伪类
给排名第一的 li 加样式
组合方式
选择 article 后面的 p 标签
可以给多个选择器设置属性
选择器组
RGB,#000000,黑色 调节颜色比例就会得到不同的颜色
通用字体符
字体大小
em 是相对单位
font-weight 100-900,越来越粗 bold 为 700,normal 为 400
行高,line-height
white-space 滚动条
