前端学习
嘟嘟噜与哟吼吼
这个作者很懒,什么都没留下…
展开
-
WEB-DAY5学习笔记
盒模型概述 CSS中每个样式是一个盒子。主要有block和Inline两种盒子。 block盒子的主要性质:1. 此框将会换行。 2. 默认情况下会占满父元素的宽度。3. margin和border会使得其他元素被推开。 inline盒子的主要心制:1. 不会换行。2. 垂直方向上的padding、margin、border不会使得其他inline盒子远离,但是水平方向上的会。3. width和height是无效的。 下面是盒模型的示意图: 我们设置的width和height实际设置的原创 2020-09-27 16:44:51 · 105 阅读 · 0 评论 -
WEB-DAY4学习笔记
CSS 各种选择器的概念,使用方法及使用场景 CSS的选择器类别:简单选择器、属性选择器、派生选择器、伪类选择器。其中简单选择器包括(ID选择器、元素选择器、类选择器、通用选择器)。 简单选择器和属性选择器见DAY3笔记。...原创 2020-09-25 21:25:07 · 99 阅读 · 0 评论 -
WEB-DAY3学习笔记
什么是CSS,CSS是如何工作的CSS即为(Cascading Style Sheets)层叠样式表,用于给HTML增加样式。工作过程为:浏览器加载HTML文件,将其转化为一个DOM文档,其结构类似于树,每个元素是其中的一个结点,结点之间有父子结构。随后浏览器抓取所有跟本HTML相关的内容,如视频、图片、CSS等。浏览器解析CSS时,会根据CSS不同类别的选择器划分到不同的“桶”里,接着决定哪些规则应用到哪些结点上,生成一棵渲染树,最后绘制。CSS的基本语法是怎样的CSS规则由选择器和具体声明组成。如原创 2020-09-23 16:03:53 · 112 阅读 · 0 评论 -
WEB-DAY2学习笔记
DAY2学习笔记WEB语义化是指,我们用一种不光人能够轻易读懂并理解,并且还能够被机器所理解并且解析的方式,来定义、创作WEB内容。例如对于HTML语义化,使用的标签的明明都是人能够轻易理解的,同时这些标签也能够被机器解析结构、理解权重。...原创 2020-09-22 20:34:32 · 766 阅读 · 0 评论