CSS|青训营笔记

131 阅读1分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 2天

CSS

一、CSS是什么?

Cascading Style Sheels(层叠样式表),用来定义页面元素的样式
使用方法:
选择器{
		属性1:属性值1;
		属性2:属性值2;
		属性n:属性值n;

}
三种方式:内联、嵌入、外联。现在一般用外联
如何工作:在浏览器解析HTML文件的时候加载和解析添加到生成的DOM树中。

二、CSS怎么用?

选择器:选中页面中的元素,有很多种方式
		方式:通配、标签、ID、类、属性、伪类、选择器组
选择器的特异度:在一个元素没有被选择或者被多个选择器定义时该如何显示?
	1.求值
	2.继承
	3.初始值
布局(Layout)是什么?
	确定内容的大小和位置的算法
	相关技术:
		盒子摆放
		1.常规流(display):行级、块级、表格布局、FlexBox、Grid布局
		2.浮动(float3.绝对定位(position

三、颜色RGB

Red Green Blue
两种方式:#324554   rgb(82,82,82)
由于不够丰富又加了:色相、饱和度、亮度、透明度。

四、字体()

字体样式(font-family):加通用,英文在前,中文在后。
字体大小(font-size)
文本格式:line-height,text-align,spacing,text-indent,text-decoration,white-space

五、调试CSS

快捷键:CTRL+shift+I

六、学习经验

保持好奇心、MDN、持续学习。

问题:今天不知道为啥视频要比ppt快一些,资料里面有些是链接看的也不是很舒服。