摘要：
一、定义 position属性指定了元素的定位类型。 其中，绝对定位和固定定位会脱离文档流. 设置定位之后:可以使用四个方向值进行调整位置:Ieft、top、right、bottom. 二、相对定位 <head> <meta charset="UTF-8"> <meta name="viewport 阅读全文
posted @ 2025-02-27 16:44
百里屠苏top
阅读(15)
评论(0)
推荐(0)
摘要：
1.浮动的定义 通过float属性定义元素在哪个方向浮动，任何元素都可以浮动。 需要的时候才用。 只有两个方向： left 元素向左浮动 right 元素向右浮动 2.浮动的原理 浮动以后使元素脱离了文档流。 只有左右浮动，没有上下浮动。 脱离文档流之后，元素相当于在页面上面增加一个浮层来放置内容。 阅读全文
posted @ 2025-02-27 15:32
百里屠苏top
阅读(33)
评论(0)
推荐(0)
摘要：
一、定义 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 二、CSS3弹性盒内容 弹性盒子由弹性容器( 阅读全文
posted @ 2025-02-27 11:35
百里屠苏top
阅读(43)
评论(0)
推荐(0)
摘要：
一、概念 所有HTML元素可以看作盒子，在CSS中，"box model”这一术语是用来设计和布局时使用 CSS盒模型本质上是一个盒子，封装周围的HTML元素， 它包括:外边距(margin)，边框(border)，内边距(padding)，和实际内容(content)。 1.margin marg 阅读全文
posted @ 2025-02-27 10:07
百里屠苏top
阅读(29)
评论(0)
推荐(0)
摘要：
一、关系选择器分类 后代选择器 子代选择器 相邻兄弟选择器 通用兄弟选择器 1.1 后代选择器（E F{ }） ol标签下的所有li标签 <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, 阅读全文
posted @ 2025-02-27 09:43
百里屠苏top
阅读(6)
评论(0)
推荐(0)
摘要：
1. 表格边框（border属性） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" 阅读全文
posted @ 2025-02-27 09:15
百里屠苏top
阅读(11)
评论(0)
推荐(0)
浙公网安备 33010602011771号