Css
-
display 有哪些值?说明他们的作用?
inline 默认。此元素会被显示为内联元素,元素前后没有换行符。 block 此元素将显示为块级元素,此元素前后会带有换行符。 none 此元素不会被显示(隐藏)。 inline...
-
列举一下你所知道的css 隐藏元素的方法?
- display:none 不显示对应的元素,在文档布局中不再分配空间(回流+重绘) visibility:hidden 隐藏对应元素,在文档布局中仍保留原来的空间(重绘) 精品...
-
如何让`CSS`只在当前组件中起作用
将当前组件的` `修改为` `。
-
CSS`水平居中,水平垂直居中
**水平居中**: 1. 使用margin: 0 auto;(只适用于子盒子有宽的时候) ```css .child{ margin:0 auto; } ``` 2. text-a...
-
九宫格布局实现方式
1. inline-block`布局。固定尺寸的九宫格布局 2. `float`布局(`margin-right`和`margin-bottom`为负值) 3. `position...
-
link 标签和 import 标签的区别
`link`属于`html`标签,而`@import` 是`css`提供的 页面被加载时。 `link`会同时被加载,而`@import`引用的`css`会等到页面加载结束后加载。...
-
sass`的`mixin`怎么用,用在哪
在`sass`中可以声明`@mixin`来使用`sass`的一个规则集中, 要使用`mixin`还需要`@include`去引用`sass`规则集 `mixin`也能传参数,也可以...
-
sass`的`mixin`和`function`有什么区别
`function`: 函数是有计算逻辑,返回计算的结果,不输出`css`块 `mixin`: `mixin`主要是计算根据计算结果输出`css`块 使用场景可以以下面为原则: -...
-
CSS`弹性布局
```css .box{ /* Safari苹果 兼容性 */ display: -webkit-flex; display: flex; /* 主轴的方向 */ flex-dir...
-
Stylus 是什么?(.styl)
stylus 是一种 css 预处理语言, 在 stylus 中可以定义一些变量和表达式以及使用嵌套语法(stylus中是使用缩进的语法表示嵌套关系);后期可以通过一些编译工具(s...
-
Scss 是什么?(sass)
scss 是一种 css 预处理语言, 在 less 中可以定义一些变量和表达式以及使用嵌套语法; scss 中使用定义变量(baseColor:pink); 后期可以通过一些编译...
-
.Less 是什么?
Less 是一种 css 预处理语言, 在 less 中可以定义一些变量和表达式以及使用嵌套语法; less 中使用@定义变量(@baseColor:pink); 后期可以通过一些...
-
如何设置一个元素在垂直方向居中
首先不考虑代码的灵活性, 可以使用 margin 外边距或者 padding 内边距来实现元素在垂直方向居中显示.具体可以给父元素设置一个垂直方向的 padding 内边距; 也可...
-
让两个块级元素在一行显示有哪些做法?
设置显示模式:display:inline|inline-block; flex 布局: 给父元素设置 display:flex; 使用浮动