wx61d549d4a061c的博客_CSS

CSS

选择器

a标签

原创 2022-01-12 10:45:15 868 阅读

css之display:inline-block布局

css之display:inline-block布局1.解释一下display的几个常用的属性值，inline ， block， inline-blockinline（行内元素）:使元素变成行内元素，拥有行内元素的特性

块级元素

行内元素

属性值

转载 2022-01-12 10:39:45 131 阅读

CSS中，relative和absolute的区别，及结合使用

固定定位写法：position：fixed；不会随浏览器窗口的滚动条滚动而变化，总是在视线里的元素（例如两边的广告，这个比较简单就不进行介绍）相对定位写法：positio

f5

文档流

父级元素

转载 2022-01-12 10:39:36 247 阅读

小白轻松使用swiper插件

swiper插件如何使用lswiper插件写轮播图？1、从swiper官网上下载swiper插件包，在你的项目中引入css js两个文件，swiper.min.css,swiper.min.js这两个

css

js

插件

ide

javascript

原创 2022-01-12 10:38:01 752 阅读

css >>> 、 /deep/、::deep 深度选择器

CSS深度选择器简言之scoped的实现原理简言之在做vue项目的过程中，在style样式中加入scoped的实现原理vue中的scoped属性的效果主要通过PostCSS转译实现，如下是转译...

选择器

css

javascript

原创 2022-01-12 10:36:38 1201 阅读

css中的 !important 规则

!important 规则当 !important 规则被应用在一个样式声明中时，该样式声明会覆盖CSS中任何其他的声明，无论它处在声明列表中的哪里。尽

css

优先级

样式表

原创 2022-01-11 09:27:40 250 阅读

src和href的区别以及link和@import的区别

src和href的区别src是source的缩写，指向外部资源的位置，指向的内部会迁移到文档中当前标签所在的位置；在请求src资源时会将其指向的

css

加载

html标签

原创 2022-01-10 18:01:00 398 阅读

BFC详解,从官方定义到上机实操

官方定义**块级格式化上下文（Block Formatting Context，BFC）**是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程法神高度区域，

html

块级元素

外边距

原创 2022-01-10 18:00:06 294 阅读

CSS之float属性详解

float官方文档概念float属性指定一个盒子（元素）是否应该浮动，可以设置浮动方向。css语法float：left|right|none|inherit ；属性值：值描述left元素

文档流

html

块级元素

原创 2022-01-10 17:58:52 794 阅读

怎么区分伪类和伪元素？:before和::before又是什么鬼？

字面上区分伪类和伪元素都有一个共同的修饰词“伪”，“伪”是什么意思？就是假的呗。所以伪类就是假的类，伪元素就是假的元素，这就是在字面上区分它们。那么我们再进一步更好的区分一下。伪类伪类存在的意义是为了通过选择器，格式化DOM树以外的信息以及不能被常规CSS选择器获取到的信息。（CS3给出的定义，翻译过来）所以我们从上面知道伪类的功能有两个：格式化DOM树以外的信息。比如：<a>标签的：link、：visited等。这些信息都不存在于DOM树中。格式化不能被常规CSS选择器获取到的信

伪元素

html

css3

Java

原创 2022-01-10 10:22:10 123 阅读

css 使用伪类在div底部画一条线

<div class="div></div>.div { position: relative; }.div::after { content: ''; // 必须 position: absolute; left: 30px; bottom: 0; right: 0; width: 720px; height: 1PX; background-color: #dcdcdc; }提

宽高

行内元素

块级元素

Java

原创 2022-01-10 10:22:09 1226 阅读

CSS linear-gradient() 函数

定义linear-gradient() 函数用于创建一个线性渐变的 “图像”。为了创建一个线性渐变，你需要设置一个起始点和一个方向（指定为一个角度）的渐变效果。你还要定义终止色。终止色就是你想让Gecko去平滑的过渡，并且你必须指定至少两种，当然也会可以指定更多的颜色去创建更复杂的渐变效果。CSS语法background-image: linear-gradient(direction, color-stop1, color-stop2, ...);用法...

线性渐变

css

html

Java

原创 2022-01-10 10:22:08 138 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx61d549d4a061c的博客

欢迎

CSS中的'+','~','>',空格含义

css之display:inline-block布局

CSS中，relative和absolute的区别，及结合使用

小白轻松使用swiper插件

css >>> 、 /deep/、::deep 深度选择器

css中的 !important 规则

src和href的区别以及link和@import的区别

BFC详解,从官方定义到上机实操

CSS之float属性详解

怎么区分伪类和伪元素？:before和::before又是什么鬼？

css 使用伪类在div底部画一条线

CSS linear-gradient() 函数