- 博客(28)
- 收藏
- 关注
RSS订阅原创 CSS19（媒体查询）
由于笔者能力有限，难免出现各种错误和漏洞。全文仅作为个人笔记，仅供参考，笔记内容来源于各类网课。媒体查询能使页面在不同在终端设备下达到不同的效果。
2023-04-18 16:54:31
108
原创 CSS18（动画）
由于笔者能力有限，难免出现各种错误和漏洞。全文仅作为个人笔记，仅供参考，笔记内容来源于各类网课。所谓动画，是使元素从一种样式逐渐变化为另一种样式的效果。我们需要用到@keyframes属性来执行。（>-<) (发不了动图buhui）
2023-04-18 16:12:42
108
原创 CSS17（定位）
所以我们可以通过这个特性，可以给父盒子设置相对定位，给子盒子设置绝对定位，让子盒子脱离文档流，从而不会影响到其他的“兄弟盒子”进行布局，这也被称为“子绝父相”。绝对定位与文档流无关，所以它们可以覆盖页面上其他的元素，可以通过z-index属性来控制这些层的对方顺序，这个后面说。设置定位之后，可以使用四个方向值进行调整位置：left，top，right，bottom。还有一种是Z-index属性，它是用来设置元素的堆叠顺序，拥有更高的堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。绝对定位是相对于元素。
2023-04-18 11:42:28
250
原创 CSS16(清除浮动)
4.伪对象方式（为父级标签添加伪类after，设置空的内容，并使用clear：both，但是无法清除父元素外的元素）3.overflow清除浮动（在父级增加overflow：hidden（仅父元素内的元素生效））清除浮动之后，父级就会根据浮动的子盒子自动检测高度。父级有了高度，就不会影响下面的标准流了。由于浮动元素不再占有原文档流的位置，所以它会对后面的元素排版产生影响。2.受影响的元素增加clear属性，（在受影响的标准流元素里面写）清除浮动的本质其实就是清除浮动元素带来的负面影响。
2023-04-18 08:54:47
84
原创 CSS15（浮动）
这里我们拿span来举例子，span标签是行内元素，所以我们是不能设置这个宽高的，它的大小是由文本内容去撑开，我们这个给他设置宽高可以看到是无效的，然后给它设置了左浮动，它就显示出了宽高，所以得出此结论，注意：浮动的元素是互相贴靠在一起的（不会有缝隙），如果父级宽度装不下这些浮动的盒子，多出的盒子会另起一行对齐。标准流能方便做到吗，当然，可以直接变成行内块元素是可以实现的，但是它们之间会有大的空白间隙，很难控制。任何元素都可以浮动，不管原先是什么模式的元素，添加浮动之后具有。浮动元素会具有行内块元素特性。
2023-04-16 10:19:54
74
原创 CSS14（清除内外边距）
由于笔者能力有限，难免出现各种错误和漏洞。全文仅作为个人笔记，仅供参考，笔记内容来源于各类网课。网页元素中很多都带有默认的内外边距，而且不同的浏览器默认的也不一致，因此我们在布局前，
2023-04-04 17:34:12
353
原创 CSS13（盒模型之外边距margin）
由于笔者能力有限，难免出现各种错误和漏洞。全文仅作为个人笔记，仅供参考，笔记内容来源于各类网课。margin属性可以设置外边距，意思是控制盒子与盒子之间的距离。
2023-04-04 16:51:14
135
原创 CSS12（盒模型之内边距padding）
由于笔者能力有限，难免出现各种错误和漏洞。全文仅作为个人笔记，仅供参考，笔记内容来源于各类网课。记住一点，内边距的大小是包含着整个盒子的，如果设置了内边距，盒子也会被“撑开”。记忆规则：从上开始赋值，然后顺时针赋值，如果没有赋值的，看对面的。盒子的内边距意思就是。
2023-04-04 15:53:13
80
原创 HTML9（表单标签之label，select，textarea元素）
下面讲解select，textarea表单元素的使用，以及input表单的label标签。
2023-03-09 19:09:41
236
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人