CSS
文章平均质量分 74
香菜啵子欸
初学者,菜鸟一个。
展开
-
【CSS】margin塌陷和margin合并及其解决方案
给子元素添加margin-top属性时,此时只是想让子元素的边框距离父元素边框有一段距离,而却出现了父元素的顶端距离body这个边框出现了位移,这就是margin-top塌陷的现象。:当父元素包裹着一个子元素的时候,当给子元素设置margin-top:100px,此时不应该看到的是子元素距离父元素顶部100px嘛?:两个兄弟块元素,一个设置下外边距100px,一个设置上外边距100px,此时它们不应该是相距200px才对嘛?为什么只相距了100px?:给父元素添加overflow:hidden触发。原创 2024-02-05 17:14:02 · 935 阅读 · 0 评论 -
【CSS】什么是BFC?BFC有什么作用?
BFC(block formatting context)块级格式化上下文,他是页面中的一块渲染区域,并且有一套属于自己的渲染规则,BFC 是一个独立的布局环境,具有BFC特性的元素可以看作是隔离的独立容器,容器里面的元素不会在布局上影响到外面的元素。:只需要把两个div放置不同BFC中,那这两个BFC的内容将不会互相干扰,将两个di分别放置container容器中,然后通过overflow:hidden触发BFC;:这是因为给子元素添加了浮动,使它脱离了文档流;:红色方框覆盖蓝色方块;原创 2024-02-05 16:43:26 · 2646 阅读 · 0 评论 -
【CSS】css如何实现字体大小小于12px?
文字需要显示为12px,但是小于12px的,浏览器是显示不来的。原创 2024-02-05 15:45:19 · 847 阅读 · 0 评论 -
【CSS】页面自适应屏幕宽度(响应式布局媒体查询-@media、弹性布局、网格布局和相对单位-vh/em/%)
【代码】【CSS】页面自适应屏幕宽度(响应式布局媒体查询-@media、弹性布局、网格布局和相对单位-vh/em/%)原创 2024-02-01 18:34:17 · 981 阅读 · 0 评论 -
【CSS】css选择器和css获取第n个元素(:nth-of-type(n)、:nth-child(n)、first-child和last-child)
二、:nth-of-type、:nth-child的区别:nth-of-type(n):选择器匹配属于父元素的特定类型的第N个子元素所有兄弟节点中找到第三个p标签背景为红色。所以,3背景为红。:nth-child(n):选择器匹配属于其父元素的第 N 个子元素,不论元素的类型找父元素的第三个子元素,如果该子元素为p,则其变为黄色,如果,第三个子元素不是p元素,则没有子元素的背景变为黄色。:first-child:获取元素的第 1 个子元素:last-child:获取元素的最后一个个子元素效原创 2024-02-01 10:49:45 · 1429 阅读 · 0 评论 -
【CSS】css获取子元素的父元素,即通过子元素选择父元素(使用CSS伪类 :has() :not() )
【代码】【CSS】css获取子元素的父元素,即通过子元素选择父元素(使用CSS伪类 :has() :not() )原创 2024-01-31 17:28:10 · 2099 阅读 · 1 评论