
css
css
干到60岁退休的码农
这个作者很懒,什么都没留下…
展开
-
flex 知识
定义了多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用。定义项目的排列顺序。数值越小,排列越靠前,默认为0。默认情况下,项目都排在一条线(又称“轴线”)上。是如果有剩余空间,是否扩大,1为扩大,0为不扩大。属性的简写形式,默认值为row nowrap。可扩大,可缩小,flex-basis为0。是如果剩余空间不够,是否缩小,1为缩小。决定主轴的方向(即项目的排列方向)的简写,默认值是0 1 auto。为项目本身的大小,默认值是auto。定义如果一条轴线排不下,如何换行。定义了项目在主轴上的对齐方式。原创 2024-07-24 23:23:51 · 291 阅读 · 0 评论 -
CSS清除浮动的方法
清除浮动主要是为了防止父元素塌陷。清除浮动的方法有很多,常用的是 clearfix 伪类。方法一:clearfix<div class="outer clearfix"> <div class="inner">inner</div></div>.outer{ background: blue;}.inner{ wi...原创 2020-02-24 23:02:17 · 289 阅读 · 0 评论 -
CSS常见选择器
1、CSS选择器:id选择器(#myid)类选择器(.myclass)标签选择器(div, h1,p)相邻选择器(h1 + p)子选择器(ul >li)后代选择器(li a)通配符选择器(*)属性选择器(a[rel=“external”])伪类选择器(a:hover, li:nth-child)2、CSS3属性选择器:a[href$=’.pdf’]:选择href属...原创 2020-02-24 22:45:05 · 408 阅读 · 0 评论 -
CSS垂直居中的方法
垂直居中的方法,如果全写出来,有10多种。面试的时候一般都会说比较常用的几种。flex、position + transform、position + 负margin是最常见的三种情况。<div class="outer"> <div class="inner"></div></div>方法一:flex.outer{ dis...原创 2020-02-26 21:17:26 · 386 阅读 · 0 评论 -
div悬停鼠标手型
给div加个style,style=“cursor:pointer;”原创 2019-05-08 09:23:38 · 1829 阅读 · 2 评论 -
CSS水平居中
行内或类行内元素(比如文本和链接)在块级父容器中让行内元素居中,只需使用 text-align: center;text-align:center /*水平居中*/ 这种方法可以让 inline/inline-block/inline-table/inline/flex 等类型的元素实现居中。块级元素让块级元素居中的方法就是设置 margin-left 和 margin-rig...原创 2020-02-26 23:01:33 · 289 阅读 · 0 评论 -
CSS水平垂直居中
CSS水平垂直居中原创 2022-09-06 21:51:44 · 374 阅读 · 0 评论 -
css常见面试题汇总
css常见面试题汇总原创 2022-07-18 20:49:34 · 232 阅读 · 0 评论