CSS
归小超
这个作者很懒,什么都没留下…
展开
-
前端经典布局——左中右三栏
1.flex弹性盒子header和footer设置样式,横向撑满。container中的left、center、right依次排布即可给container设置弹性布局 display: flex;left和right区域定宽,center设置 flex: 1; 即可<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="http://lib.sinaapp.原创 2020-10-27 17:52:19 · 3399 阅读 · 0 评论 -
关于选择器的问题
选择器一般都有两种办法,一种普通的顺序查找方法,比如:<div style="width:500px;"> <ul> <span>span (子节点)</span> <li>li (子节点) <span>span (孙节点)</span> </li> </ul> </div>$(document).ready(function(){ $("ul").fi原创 2020-05-29 19:16:34 · 528 阅读 · 0 评论 -
flex布局中width和flex-basis区别
flex-basis只要flex布局中才会产生作用,但是with不是,如果两者共用会有怎么样的变化,我拿了56版本的firfox,IE11,以及68版本的chrome进行了实验:68版本的chrome:1.当不设置width和flex-basis时,宽度默认为内容自身的宽度2.设置width,不设置flex-basis,宽度正常随着width走,但是当width小于0时,则宽度恢复为自身内容宽度,这个就不放图了3.不设置width,设置flex-basis,当flex-basis设置值小于自身内容宽原创 2020-05-22 11:17:23 · 6382 阅读 · 2 评论 -
CSS中的visibility
CSS里的visibility属性,大多时候把值设置成visible,或者是hidden。其中hidden类似于display: none,但是hidden仍然会暂据元素空间。visibility还有一种值就是collapse。当一个元素的visibility属性被设置成collapse值后,对于一般的元素,它的表现跟hidden是一样的。但例外的是,如果这个元素是table相关的元素,例如t...原创 2019-12-26 16:24:45 · 8662 阅读 · 0 评论