CSS
Mr.Starl
种一棵树最好的时间是10年前,其次是现在
展开
-
两行CSS代码实现瀑布流
/*分几列*/column-count: 3;/*不留白*/break-inside: avoid;/*列间距,可有可无,默认30px*/column-gap: 20px;其他CSS属性自行设置原创 2020-06-30 15:48:58 · 235 阅读 · 0 评论 -
CSS Flex布局
定义Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性用法任何一个容器都可以指定为Flex布局.box{ display: flex;}行内元素也可以使用Flex布局.box{ display: inline-flex;}设为Flex布局后,子元素的float、clear和vertical-align属性将失效概念采用Flex布局的元素为Flex容器,容器的所有子元素为Flex项目容器有两根轴,主轴(main axis原创 2020-05-17 16:55:57 · 203 阅读 · 0 评论 -
CSS中实现文字两端对齐的方法,登陆注册界面经常用到
在写登陆或注册界面时,经常会遇到文字两端对齐(word中有类似对齐方式)的问题,如下图:用户名和密码并没有两端对齐,那么该怎样处理其实只需要两行CSS代码就可以解决:关键两行是:text-align:justify; text-align-last:justify;如果是行内标签的话,再添加一个display:inline-block;即可最终效果图如下:希望对大...原创 2018-08-29 22:31:11 · 3503 阅读 · 2 评论 -
DIV高度自适应浏览器高度方法
*{ margin: 0; padding: 0;}html, body{ width: 100%; height: 100%;}div{ position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; height: auto; ...原创 2018-10-15 15:48:14 · 36013 阅读 · 1 评论 -
css中px,em,rem的区别
pxpx,指像素,相对长度单位,是相对于屏幕分辨率而言的特点:比较稳定和精确 IE无法调整使用px作为单位的网页的字体大小emem,相对长度单位,相对于其父级定义的大小特点:em的值并不是固定的 em会继承父级元素的字体大小,如果父级没有设置,会继续向上寻找,直到浏览器的默认字体大小举例:<style> body{ font...原创 2019-06-10 11:27:07 · 448 阅读 · 0 评论 -
CSS权重
CSS权重,从高到低依次为:!important infinity(无穷大)行内样式 1000ID选择器 100类选择器(class)|属性|伪类 10标签选择器|...原创 2018-10-20 19:01:11 · 187 阅读 · 0 评论