自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 修改UI框架样式

当UI框架的样式不符合我们的要求时,我们可以使用deep穿透来修改。/deep/ 选择器的名字例:/deep/.color{ }注意:style要有作用域。<style scoped></style>

2021-03-21 12:03:54 280

原创 npm版本提升

npm安装包会版本提升,会自动安装最新版

2021-03-21 11:46:13 215

原创 解决vant弹出层组件遮罩层纯黑的问题

使用popup弹出层时,遇到点击弹出层组件遮罩层纯黑的问题。解决方法:将vant弹出层组件置于div最外层即可。

2021-03-21 11:40:16 1931 2

原创 解决空格换行带来的留白

第一种方式:因为空格和换行也属于文本,所以可以给父级添加 font-size:0,然后重新给子元素设置字号。例:在一个 div 中放几个 a 标签,将 a 标签转成行内块并设置宽高,会出现如图的这种情况。解决方案: 给 div 的字号设置为 0,然后再单独给 a 设置字号。第二种方式:给元素添加浮动。例:默认的输入框和搜索按钮之间会有留白,可以给输入框和按钮分别添加浮动,去掉留白。...

2020-09-06 15:40:48 469

原创 js中的数据类型及转换

数据类型指的是字面量的类型,在 js 中一共有六种数据类型,分为两类:基本数据类型:字符串 (String):‘asd’ ‘哈哈’ ‘123’数字 (Number)布尔 (Boolean):true false空 (Null) : null 通常指一个空对象未定义 (Undefined):声明未赋值,输出即为 undefined引用数据类型(即对象类型):Object比如:Object、array、function、data等。数据类型的声明:var 可以

2020-08-20 21:05:58 133

原创 二倍精灵图的使用

有些精灵图会设计成二倍图,二倍图在引入时需要缩小尺寸,即缩小到宽高的一半。我们可以使用 background-size 来设置宽高,宽高设置一个即可,因为宽高是等比例缩放的。例如:这张精灵图是 288*48px 的二倍图,只需缩放宽度一半或者高度的一半即可,然后利用 background-position 来更改坐标位置。 background: url(../img/channel-sprite.png) no-repeat 0 0; background-size: 144px;...

2020-08-11 23:43:35 506

原创 圆角属性

css代码: div{ float: left; width: 100px; height: 100px; margin: 10px; background-color: #008000; } .box1{ /* 圆角单属性 */ /* 一个值:水平垂直 */ border-top-left-radius: 10px; /* 两个值:1.水平 2.垂直 */ border-top-right-.

2020-08-05 23:48:36 544

原创 垂直居中的方法

1.定位的块元素的两种垂直居中的方法css代码: .box{ position: relative; width: 500px; height: 500px; background-color: pink; margin: 30px auto; } .box1{ position: absolute; width: 100px; height: 100px; background-color: #008000;

2020-08-05 23:33:34 110

原创 CSS餐厅练习

餐厅选择器练习地址:http://flukeout.github.io/

2020-06-01 13:59:48 4983 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除