摘要:
字体 1. 字体相关的样式 我们前面讲过字体的两个属性 color用来设置字体颜色 font-size字体的大小 em 相当于当前元素的一个font-size rem 相对于根元素的一个font-size 2. font-family font-family 字体族(字体的格式) 我们经常使用的一些 阅读全文
posted @ 2022-05-20 19:56
泡芙_L
阅读(160)
评论(0)
推荐(0)
摘要:
定位的简介 需求分析 按照我们之前所学知识,可以怎么实现呢? 应该来说不难,很容易实现 CSS .box2 { width: 200px; height: 200px; background-color: yellow; /* 左外边距、上外边距 */ margin-left: 200px; mar 阅读全文
posted @ 2022-05-20 19:28
泡芙_L
阅读(97)
评论(0)
推荐(0)
摘要:
高度塌陷与 BFC BFC: 全称:Block Formatting Content;是一个与上下文无关的独立的渲染区域;(块级格式化上下文) 是一种布局规则: 内部的Box会在垂直方向,一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生 阅读全文
posted @ 2022-05-20 19:19
泡芙_L
阅读(85)
评论(0)
推荐(0)
摘要:
浮动 1. 浮动的简介 通过浮动可以使一个元素向其父元素的左侧或右侧移动 使用float属性来设置于元素的浮动 none 默认值,元素不浮动 left 元素向左浮动 right 元素向右浮动 作用: -> 可以实现元素并列显示的效果; -> 实现环绕布局的效果; 注意 元素设置浮动以后,水平布局的等 阅读全文
posted @ 2022-05-20 19:08
泡芙_L
阅读(217)
评论(0)
推荐(0)
摘要:
1. 文档流(normalflow) 网页是一个多层的结构,一层摁着一层 通过 CSS 可以分别为每一层来设置样式,作为用户来讲只能看到最顶上一层 这些层中,最底下的一层称为文档流 文档流是网页的基础我们所创建的元素默认都是在文档流中进行排列 对于我们来元素主要有两个状态 在文档流中 不在文档流中( 阅读全文
posted @ 2022-05-20 00:20
泡芙_L
阅读(97)
评论(0)
推荐(0)
摘要:
1. 继承 样式的继承,我们为一个元素设置的样式,同时也会应用到它的后代元素上 继承是发生在祖先后后代之间的,继承的设计是为了方便我们的开发 利用继承,我们可以将一些通用的样式,统一设置到共同的祖先元素上。这样只需设置一次即可让所有的元素都具有该样式 注意,并不是所有的样式都会被继承: 比如背景相关 阅读全文
posted @ 2022-05-20 00:13
泡芙_L
阅读(123)
评论(0)
推荐(0)
摘要:
CSS 语法与选择器 1. CSS 简介 层叠样式表 网页实际上是一个多层的结构,通过 CSS 可以分别为网页的每一个层来设置样式,而最终我们能看到只是网页的最上边一层 总之一句话,CSS 用来设置网页中元素的样式 使用 CSS 来修改元素样式的方式大致可以分为 3 种 内联样式(行内样式) 在标签 阅读全文
posted @ 2022-05-20 00:05
泡芙_L
阅读(74)
评论(0)
推荐(0)

浙公网安备 33010602011771号