摘要: css属性选择器: 通过html属性选择对应的标签 ​ 1 选择符[属性名] { } 当一个元素有当前html属性值名称则匹配成功. ​ 2 选择符[属性名="属性值"] 属性和属性名都匹配成功才做选中 ​ 3 选择符[属性~="属性值"] 当前属性的属性值为一个词列表(多个单词以空格隔开) , 只 阅读全文
posted @ 2020-04-12 00:55 Cupid05 阅读(148) 评论(0) 推荐(0) 编辑
摘要: css属性选择器: 通过html属性选择对应的标签 ​ 1 选择符[属性名] { } 当一个元素有当前html属性值名称则匹配成功. ​ 2 选择符[属性名="属性值"] 属性和属性名都匹配成功才做选中 ​ 3 选择符[属性~="属性值"] 当前属性... 阅读全文
posted @ 2020-04-12 00:55 Cupid05 阅读(24) 评论(0) 推荐(0) 编辑
摘要: BFC BFC(Block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域,只有Block-level box(块)参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。 一... 阅读全文
posted @ 2020-04-08 14:36 Cupid05 阅读(49) 评论(0) 推荐(0) 编辑
摘要: BFC BFC(Block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域,只有Block level box(块)参与, 它规定了内部的Block level Box如何布局,并且与这个区域外部毫不相干。 一 BFC的布局规则 1.1 BFC触发条件 1. 阅读全文
posted @ 2020-04-08 14:36 Cupid05 阅读(255) 评论(0) 推荐(0) 编辑
摘要: 宽高自适应 宽度自适应 高度自适应 最小高度的自适应 高度塌陷 高度塌陷的解决方法 visibility:hidden 伪对象选择符 阅读全文
posted @ 2020-04-08 08:59 Cupid05 阅读(99) 评论(0) 推荐(0) 编辑
摘要: 宽高自适应 网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是pc自适应。自适应的优点: 元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。 宽度自适... 阅读全文
posted @ 2020-04-08 08:59 Cupid05 阅读(27) 评论(0) 推荐(0) 编辑
摘要: css定位 定位模式:在css中,position属性用于定义元素的定位模式,其基本语法格式如下:选择器{position:属性值;} position属性值有5种,分别是静态定位,相对定位,绝对定位,固定定位和粘性定位 属性值描述static(静态... 阅读全文
posted @ 2020-04-08 08:20 Cupid05 阅读(34) 评论(0) 推荐(0) 编辑
摘要: css定位 定位模式:在css中,position属性用于定义元素的定位模式,其基本语法格式如下:选择器{position:属性值;} position属性值有5种,分别是静态定位,相对定位,绝对定位,固定定位和粘性定位 | 属性值 | 描述 | | | | | static(静态定位) | 正常显 阅读全文
posted @ 2020-04-08 08:20 Cupid05 阅读(127) 评论(0) 推荐(0) 编辑
摘要: css选择器 1)类型选择符(标签选择符) ​ 能选中左右同名标签、 2) id选择器 ​ 用法: 用来划分网页外围结构 ​ 语法: ​ 名称{ 属性:属性值} 3)类选择器(class选择器) ​ 语法: ​ .名称{ 属性:属性值} 4)群组选择器 ​ 当有多个选择符应用相同的样式时,可以将选择 阅读全文
posted @ 2020-03-29 21:55 Cupid05 阅读(156) 评论(0) 推荐(0) 编辑
摘要: css选择器 1)类型选择符(标签选择符) ​ 能选中左右同名标签、 2) id选择器 ​ 用法: 用来划分网页外围结构 ​ 语法: ​ #名称{ 属性:属性值} 3)类选择器(class选择器) ​ 语法: ​ .名称{ 属性:属性... 阅读全文
posted @ 2020-03-29 21:55 Cupid05 阅读(25) 评论(0) 推荐(0) 编辑