这是我参与「第五届青训营 」伴学笔记创作活动的第 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.浮动(float)
3.绝对定位(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快一些,资料里面有些是链接看的也不是很舒服。