Day2 CSS | 青训营笔记
part1走近前端技术栈——CSS
一、CSS是什么？
用来定义页面元素的样式
设置字体和颜色
设置位置和大小
增加动画效果
例子
h1 {//h1是一个选择器selector,在浏览器中所有满足限制的元素都被设置页面样式
color : white;//颜色设为白色
font-size: 14px;
}
页面中使用CSS有三种方式：外链、嵌入和内联。一般推荐外链，他将内容和样式分离开来。
二、伪类——不基于标签和属性定位元素
分为状态伪类和结构性伪类。
三、组合
直接组合 AB 满足A同时满足B
后代组合 A B 如果B是A的子孙，选中B
亲子组合 A>B 如果B是A的子集，选中B
兄弟选择器 A~B 如果B在A后同时B与A同级，选中B
相邻选择器 A+B 如果B紧追在A后面选中B
四、简单的选择器
1、RGB选择器
为了更满足人的阅读习惯提出了HSL。
H是色相（颜色的基本属性）、S是饱和度（颜色的鲜艳程度）、L是亮度（颜色的明亮程度）。
2、字体类型——通过font-family来设置
3、字体大小——通过font-size来设置
4、字重——通过font-weigh来设置
5、行高——通过font-height来设置
例子
Part2 深入CSS
一、继承
某些属性值会自动继承其父进程的计算值，除非显式指定一个值。
初始值可以用initial关键字显示重置。
二、布局——确定内容的大小和位置的算法
1、盒模型
height和width类似
padding指定元素四个方向的内边距。
border指定容器边框的样式、粗细和颜色。
三个属性：border-width、border-style、border-cloor
四个方向：border-top、border-left、border-reght、border-bottom。
margin指定元素四个方向的外边距。
使用margin:auto可以水平居中。
标题：走进前端技术栈 - CSS - 掘金
网址：juejin.cn/course/byte…
