2021年11月17日
清除浮动的方法
摘要： 1、直接设置父元素高度： 特点： ①、优点：简单粗暴，方便； ②、缺点：有些布局中不能固定父元素的高度。例如：新闻列表、京东推荐模； 2、额外标签法： (1)、操作： ①、在父元素内容的最后添加一个块级元素； ②、给添加的块级元素设置 clear：both； (2)、特点： ①、缺点：会在页面中添加 阅读全文
posted @ 2021-11-17 22:40 小石糖记 阅读(123) 评论(0) 推荐(0)
伪元素
摘要： (1)、伪元素：一般页面中的非主体内容可以使用伪元素； (2)、区别： ①、元素：HTML设置的标签； ②、伪元素：由CSS模拟出的标签效果； (3)、种类： (4)、注意点： ①、必须设置content属性才能生效； ②、伪元素默认是行内元素； 阅读全文
posted @ 2021-11-17 22:12 小石糖记 阅读(229) 评论(0) 推荐(0)
2021年11月13日
font与background-color相关属性的连写
摘要： 1、字体font相关属性的连写 (1)、属性名：font (2)、取值：font：style weight size family； (3)、顺序要求：swst (稍微舒服) (4)、省略要求：只能省略前两个，如果省略了，相当于设置了默认值； (5)、注意点：如果需要同时设置单独和连写形式 ①、要么 阅读全文
posted @ 2021-11-13 01:39 小石糖记 阅读(205) 评论(0) 推荐(0)
行内元素的margin和padding无效情况
摘要： (1)、场景：给行内元素设置margin和padding时； (2)、结果： ①、水平方向的margin和padding布局中有效； ②、垂直方向的margin和padding布局中无效； 阅读全文
posted @ 2021-11-13 01:26 小石糖记 阅读(525) 评论(0) 推荐(0)
外边距折叠现象
摘要： 1、合并现象 (1)、场景：垂直布局的块级元素，上下的margin会合并； (2)、结果：最终两者距离为margin的最大值； (3)、解决方法：只给其中一个盒子设置margin即可； eg: 2、塌陷现象 (1)、场景：互相嵌套 的 块级元素，子元素的 margin-top 会作用在父元素上,结果 阅读全文
posted @ 2021-11-13 01:20 小石糖记 阅读(60) 评论(0) 推荐(0)
结构伪类元素
摘要： 1、作用与优势： (1)、作用：根据元素在HTML中的结构关系查找元素； (2)、优势：减少对于HTML中类的依赖，有利于保持代码的整洁； (3)、场景：常用于查找某父级选择器的子元素； 2、选择器 n的注意点： 1、n为：0、1、2、3、4、5、6...... 2、通过n可以组成常见公式 阅读全文
posted @ 2021-11-13 00:32 小石糖记 阅读(48) 评论(0) 推荐(0)
选择器优先级计算
摘要： (1)、优先级的介绍： (2)、权重叠加计算 阅读全文
posted @ 2021-11-13 00:24 小石糖记 阅读(39) 评论(0) 推荐(0)
emmet常用语法
摘要： 阅读全文
posted @ 2021-11-13 00:05 小石糖记 阅读(27) 评论(0) 推荐(0)
交集选择器
摘要： 3.1交集选择器：紧挨着 (1)、作用：选中页面中同时满足多个选择器的标签； (2)、选择器语法：选择器1选择器2{css} (3)、结果：(既又原则)找到页面中 既 能被选择器1选中，又 能被选择器2选中的标签，设置样式 (4)、注意点： ①、交集选择器中的选择器之间是紧挨着的，没有东西分隔； ② 阅读全文
posted @ 2021-11-13 00:03 小石糖记 阅读(2067) 评论(0) 推荐(1)
2021年11月12日
并集选择器
摘要： 2.1并集选择器: ， (1)、作用：同时选择多组标签，设置相同的样式 (2)、选择器语法：选择器1，选择器2{css} (3)、结果：找到选择器1和选择器2选中的标签，设置样式 (4)、注意点： ①、并集选择器中的每组选择器之间通过，分隔； ②、并集选择器中的每组选择器可以是基础选择器或者复合选择 阅读全文
posted @ 2021-11-12 00:15 小石糖记 阅读(339) 评论(0) 推荐(0)