CSS中的变量
垂直方向没有,还是在段落标签的下面显示的。---这样写,也是不显示的。注意:--bar在申明的时候,没有值可以,但是不能把值写错。函数还可以使用第二个参数,表示变量的默认值。为了不产生冲突,官方的 CSS 变量就改用两根连词线了。:定义某元素下的变量。只能在某元素身上,以及这个元素的内部的所有的标签
前端知识——css 之 flex 布局
flex 是 flex-grow || flex-shrink || flex-basis 的简写,flex 属性可以指定1个、2个或3个值。item 多出1个的时候,布局仍是正常的;只有item大于等于2个时,才会出现分散的分布,需要i进行补齐。flex-flow 属性是 flex-directi
如何在CSS中写变量?一文带你了解前端样式利器
引言前端的变量写法大致可以分为三大类,分别是CSS-in-JS,CSS预处理器,和CSS原生变量。作为前端开发人员,我们应该了解并善用它们,以便实现更加灵活、可维护的样式。本篇文章将与大家分享一下原生CSS的变量写法概念CSS变量也叫自定义属性,在它出现之前,CSS中使用的值通常是硬编码的(静态编写
疫情散去想看电影,使用css3动画实现一个阿凡达2完美开场
在历经了艰苦卓绝的3年抗疫后,疫情终于还是来了,很多小伙伴变成了小洋人酸奶,我相信过不了多少天,疫情终将散去,那个时候就可以和家人走进电影院啦。今天用css布局一个阿凡达2的影院场景,提前过一过瘾。
CSS3绘制3D银行卡片层叠展示特效
使用纯css3绘制3D银行卡层叠展示特效具体示例如下<template><div><divclass="tariffCards"><divclass="economy"><imgsrc="../images/css-article-imgs/ex
html爱心
HTML爱心是一种利用HTML语言创建的爱心形状图案。它可以通过使用HTML标签和CSS样式在网页上呈现出来。要创建HTML爱心,可以使用HTML标签<div>和<span>来分别表示爱心的两个半圆。可以使用CSS样式控制这些标签的形状、大小、颜色等属性,从而达到创建爱心的目
解决前端浏览器兼容性问题
同时,进行基于不同浏览器的真实设备和版本的测试,以验证网页在各种条件下的运行表现。这样可以根据浏览器的不同情况,采用不同的代码逻辑,达到兼容性的目的。渐进增强是从一个基本功能的版本开始,在较新版本的浏览器中逐步增加更多的特性和效果,以提供更丰富的用户体验。可以使用Polyfill或Shim来提供对这
element-ui 设置table表头固定
element-ui
CSS-flex布局详细讲解:
CSS-flex布局详细及其flex布局携程网移动端案列
18款超看好纯css 标题栏
18款超看好纯css 标题栏
前端开发-移动端的适配如何实现
此时可以使用flexible.js,这是手机淘宝团队开发出的一个用来适配移动端的js框架,核心原理就是根据不同的视口宽度给网页中html根节点设置不同的font-size值。开发中,vw和vh不要混用,要么全用vw 要么全用vh,vh是1/100视口高度,全面屏视口高度尺寸大,如果混用可能会导致盒子
认识 CSS pointer-events 属性
条目状态初始值auto可用值适用所有元素:auto/none,只适用于 SVG:bounding-box/visiblePainted/visibleFill/visibleStroke/visible/painted/fill/stroke/all可继承是的动画类型离散动画(关键帧之间不会有插帧,
CSS3渐变及2D转换
CSS3渐变及2D转换
css3滤镜属性filter让网页变黑白
今天是特殊的日子,抗击疫情全国哀悼日,向英雄们致敬,一路走好!应该发现了今天很多网站页面都是黑白色的,我的博客今天都是黑白色,用css3滤镜属性filter让网页马上变黑白,一行代码就搞定。
自定义Collapse 折叠面板的下拉图标,以及切换数据渲染Collapse 时实现设置Collapse 默认全部关闭
自定义Collapse 折叠面板的下拉图标,以及切换数据渲染Collapse 时实现设置Collapse 默认全部关闭
关于 background-attachment 属性详解
记录学习和工作过程中的css问题以及笔记
uni-app中的DOM操作
对于那些不依赖 UI 交互的原生功能,nvue将其封装成模块,这是一种通过 javascript 调用原生能力的方法。
前端实现动态切换主题色-使用 css/less 动态更换主题颜色(换肤功能)或通过单击更改背景颜色
前端实现动态切换主题色-使用 css/less 动态更换主题颜色(换肤功能)或通过单击更改背景颜色CSS中原生变量“--”和var()使用纯CSS控件切换主题颜色或通过单击更改背景颜色,
npm安装、切换淘宝镜像
是国外的,安装依赖速度较慢,使用国内的镜像源速度会快一些。
vue2自定义切换主题 dark暗黑主题(暗黑模式)
vue2实现自定义的主题切换方案,例如暗黑主题切换,可自定义颜色和主题的数量,支持修改组件内部的颜色样式,例如Element UI