了解CSS|青训营笔记

35 阅读2分钟

这是我来参加[第五届青训营]笔记创作活动的第二天。

今天老师由浅到深讲解了CSS的基础语法。

何为CSS?

百度给出的解释:css是一种用来表现HTML文件样式的计算机语言。上完这堂课,我认为css就是用来修饰网页,通过网页布局,颜色,大小等等来美化页。

css的工作原理: image.png 老师介绍道css有三种引入方式,分别是外链引入、嵌入以及内联样式,如图:

image.png

老师说一般开发中推荐使用外链引入,后面研究了为什么外链引入更好,举个例子,如果css嵌入到HTML文件中,当某个标签的属性需要修改时,就需要从头开始找,增大了修改难度,如果内联到标签里,会导致整个代码美观度下降,不好维护,小项目可能还容易找,如果遇到大项目这样子,估计没找个一时半会很难找到错误的地方。

这节课老师讲了很多css的样式,其中让我比较难记住的就是各种选择器(类选择器、属性选择器等),还有的就是css的相关布局技术,使用浮动后可以使元素排列在一行,使用定位可以将某些元素固定在页面的某些特定地方。

image.png

同时老师还讲到块级元素、行内元素还有行内块元素,他们之间的排列方式各不相同,但是可以通过display属性去实现转化。

老师最后还讲到flex布局,我发现flex布局在移动端使用的更多,布局方式很适合页面自适应,这块应该要作为重点来学习。

好了!以上便是我本次课程的笔记。