css
关注
分享
扫一扫
codezha
这个作者很懒，什么都没留下…
展开
-
css实现操作当前元素，改变子元素或父元素的样式
悬浮父元素，改变子元素样式.parent:hover .children1 { //修改子元素样式 color: red;}点击子元素，改变父元素样式focus-within伪类选择器，它表示一个元素获得焦点或该元素的后代元素获得焦点.parent:focus-within { //修改父元素样式 color: red;}...原创 2021-06-24 09:37:01 · 10312 阅读 · 1 评论 -
弹性布局
概述弹性布局理解为在一个容器中，所有子元素按照规则排列展示，所有的子元素称为“项目”，容器本身存在主轴（水平方向）和交叉轴（垂直方向）容器属性flex-direction 主轴项目排列方向flex-wrap  ..原创 2021-02-05 11:03:53 · 169 阅读 · 0 评论 -
css3自定义滚动条
浏览器默认的滚动条样式不是很美观，在有些需求中，我们需要更改默认滚动条样式。目前还无法做到兼容所有浏览器的范围内修改默认滚动条样式，Google、IE可更改默认滚动条样式，火狐暂不支持更改默认滚动条样式。 滚动条可修改以下样式：修改部分Google对应伪类滚动条宽高及背景::-webkit-scrollbar滚动条轨道::-webkit-scro...原创 2019-10-29 19:25:43 · 236 阅读 · 1 评论 -
CSS盒模型和BFC
CSS盒模型和BFC为什么要了解BFC渲染机制？在开发过程中我们可能会遇到以下几种情况：垂直方向上元素margin的合并现象（嵌套元素）<div class="father"> <div class="son"></div></div>.father{ width:200px; ...原创 2019-04-02 20:32:34 · 159 阅读 · 0 评论