- 博客(4)
- 收藏
- 关注
RSS订阅原创 position的属性学习笔记
若子盒子的父盒子没有定位，则继续往上找父盒子，若一直未找到，则以浏览器为父盒子进行定位。（3）绝对定位不占有元素原先存在的位置。（1）特点：根据有定位的父元素或祖先元素的位置进行绝对定位，若找不到该父元素，则元素以浏览器为标准进行定位。应用：在设计轮播图时，下面的原点以及左右的箭头，可以使用绝对定位来进行设计。（2）固定定位不占有位置，它根据浏览器进行定位，不随滚动条滚动而滚动。以该元素原先的位置进行移动，以自身原来的位置作为参照点进行移动。轮播图的父盒子需要用相对定位，保留它原有的位置，防止排版混乱。
2024-07-08 16:41:38
381
原创 后代选择器、子代选择器的嵌套使用及效果图
利用id选择器的唯一特性，只选择了第一个div，并对其中的p标签进行渲染。这里必须要写“>”符号，才能只渲染father中的子标签，否则会渲染所有father以后的p标签。先使用后代选择器选择需要渲染的后代，再使用标签选择器渲染该后代拥有的所有p标签。这里先选择其中一个后代，再通过“>”选择下一个后代，对p标签进行渲染。选择了所有div中的p标签进行渲染，导致所有的p标签都被渲染为红色。下面的代码没有写“>”符号，导致渲染了所有father下的p标签。
2024-07-06 11:29:49
390
原创 flex布局学习笔记
（1）flex-shrink属性：flex-shrink属性默认值为1，当子元素宽度超过父元素时，会自动缩小子元素，否则不会自动缩小子元素，导致子元素超过父元素宽度。（4）使用nth-child()设置元素宽度：理论上将元素一设置为其他元素宽度的100倍，但是这里没有实现，因为要保证容器内元素可读，所以其他元素至少为最小宽度。（3）使用nth-child()设置某个元素的宽度：这里将第一个元素的宽度设置为50px+6/10*剩余空间的大小，剩余空间元素1分到6份，其他元素各分到1份。
2024-07-03 17:21:55
1090
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人