前端
-
CSS兄弟选择器的两种类型
1、CSS兄弟选择器,给指定选择器后面紧跟的那个选择器选中的标签设置属性。格式:选择器1+选择器2{ 属性:值; }相邻兄弟选择器必须通过+连接。相邻...
2023-10-16 17:47:42 -
css中使用a标签的伪类选择器注意点
a标签的伪类选择器使用注意点1、a标签的伪类选择器可以单独出现也可以一起出现。2、a标签的伪类选择器如果一起出现, 那么有严格的顺序要求。默认状态:link->...
2023-10-16 17:39:48 -
css盒模型布局是什么
css传统布局方式就是通过盒模型,使用display属性(文档流布局)+position属性(定位布局)+float属性(浮动布局)。css盒模型布局可以分为文...
2023-10-16 17:33:26 -
css中flex布局如何使用
css flex布局说明1、flex的使用方法很简单,只需要将其display属性设置为flex就可以,也可以设置行内的flex。记得Webkit内核的浏览器,...
2023-10-16 17:24:18 -
css中grid网格布局的介绍
1、grid布局又称为网格布局,可以实现二维布局方式。2、这是使用CSS控制的,不是使用HTML控制的,同时还可以依赖于媒体查询根据不同的上下文得新定义布局。网...
2023-10-16 17:17:20 -
css中transition方法的介绍
1、transition提供在更改CSS属性时控制动画速度的方法。 其可以让属性变化成为一个持续一段时间的过程,而不是立即生效的。2、语法:transition...
2023-06-04 15:20:02 -
css中order属性的介绍
1、order可以改变一个flex子项的排序位置。2、order属性用于提供有关弹性容器中其他弹性项目的每个弹性项目的顺序。 如果商品不灵活,那么order属性...
2023-06-04 15:02:14 -
CSS Modules是什么意思
说明1、CSS Modules指的是像import js一样去引入css代码。代码中的每一个类名都是引入对象的一个属性,通过这种方式,即可在使用时明确指定所引用...
2023-06-04 14:35:18 -
css中flex-flow属性是什么
1、flex-flow属性是flex-direction和flex-wrap属性的复合属性。2、用于设置或者检索弹性盒模型对象的子元素排列方式。当多属性同时使用...
2023-06-04 13:22:35 -
css中grid布局的使用
1、通过display属性设置属性值为grid或inline-grid或者是subgrid就可以了。2、当元素设置了网格布局,column、float、clea...
2023-05-26 20:01:11 -
css中minmax()函数的使用
minmax()函数说明1、minmax()函数来创建行或列的最小或尺寸。2、第一个参数定义网格轨道的最小值,第二个参数定义网格轨道的值。可以接受任何长度值,也...
2023-05-26 19:51:34 -
css中repeat()函数的用法
repeat()函数说明1、repeat()属性可以创建重复的网格轨道。这个适用于创建相等尺寸的网格项目和多个网格项目。2、repeat()也接受两个参数:第一...
2023-05-26 19:40:06 -
css网格区域如何理解
什么是网格区域:1、网格区域(grid-area)是一个逻辑空间,主要用来放置一个或多个网格单元格。是由四条网格线(Grid line),网格区域每边一条,四边...
2023-05-26 19:31:20 -
css水平居中元素的宽度探究
水平居中还是比较容易的,先看子元素是固定宽度还是宽度未知。1、固定宽度这种方式是绝对定位居中,除了使用margin,还可以使用transform。(注意浏览器兼...
2023-05-26 19:24:10 -
css行内元素的垂直居中
1、单行行内元素居中,只需要将子元素的行高等于高度就可以了。 #container { height: 400px; ...
2023-05-26 19:20:20 -
css中transition是什么
说明1、transition允许在CSS属性变化时给它添加一个过度的动画效果。通常情况下,CSS 属性变化是立即生效的,新的属性值在超级短的时间内替换掉旧的属性...
2023-05-26 19:11:24 -
css中transition的四种属性
说明1、transition-delay。延迟后开始动画。2、transition-duration。过渡动画的一个持续时间。3、transition-prop...
2023-05-26 19:02:39 -
CSS常用技巧的整理
1、垂直对齐,利用CSS3的Transform。如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的...
2023-05-26 18:56:43 -
css中first-letter是什么
css中first-letter1、first-letter相当于我们有一个元素把内容里面的第一个字母给括了起来。2、first-letter是可以任意声明各种...
2023-05-26 18:47:57 -
css中first-line如何理解
css中first-line说明1、first-line是针对排版之后的line,其实跟源码里面的first line没有任何的关系。2、假如浏览器提供的渲染的...
2023-05-26 18:41:47