CSS
qugengting
这个作者很懒,什么都没留下…
展开
-
Flex笔记
参考链接:https://www.runoob.com/w3cnote/flex-grammar.htmlFlex布局:.box{ display: flex;}6个属性:flex-direction //排列方向flex-wrap //换行策略flex-flow //前两者的统一...原创 2018-10-29 10:50:24 · 152 阅读 · 0 评论 -
CSS杂记
一般盒子的模式有两种: 1. content-box:仅包括content.即设置的width属性值仅为content的值。(box-sizing的默认值) 2. border-box:包括content+padding+border.设置的width的值是content+padding+border的值。使用场景:当需要两个宽度为50%的div确保并列时,设置box-sizing:bor...原创 2018-10-29 17:59:00 · 76 阅读 · 0 评论 -
flex-direction: column无效的情况
CSS3 设置如下:display: flex;flex-direction: column意思是盒布局,并且该布局内部的子控件排列方式是纵向排列,即从上往下,但有一种情况属于例外,就是子控件的定位是这样的:position: absolute;如果A子控件设置了以上属性,那么A不参与排列,BCD依次从顶上排列下来。...原创 2018-11-06 17:26:07 · 12689 阅读 · 0 评论 -
.nav ul .mall a:hover是什么意思
它的意思是一个class为nav的元素下的ul标签里面的class为mall的li的超链接文本处于悬停状态时的样式,看这个表述有点复杂,用代码结构解释的话就比较明了了:<div class="nav"> <ul> <li class="mall"><a href="#">我就是这个样式指代的元素</a>&l...转载 2019-04-08 09:48:53 · 1797 阅读 · 0 评论 -
CSS杂记
height: 36px; //高度36pxline-height: 36px; //行高36px,这样文字可以垂直居中,适用于单独一行http://how2j.cn/k/css2/css2-vertical-center/780.htmlwidth:20%;float:left; //两...原创 2019-04-19 09:10:04 · 100 阅读 · 0 评论 -
CSS布局之显示方式display
参考:http://how2j.cn/k/css2/css2-display/767.html#nowhere原创 2019-07-30 09:13:27 · 474 阅读 · 0 评论 -
CSS布局之浮动float
float:leftfloat:right设置后会把位置让出来;如果本身就在左边,设置float:left,后面同级元素会排在后面效果:默认的div排列是会换行的如果使用float就可以达到水平排列的效果,通常会用在菜单,导航栏等地方如果超出了父容器,还会有自动换行的效果清除float效果,可以用float:left,float:right,float:a...原创 2019-07-30 09:49:01 · 164 阅读 · 0 评论