随笔分类 - CSS
摘要：有三种自定义 第一种普通的编写自己的样式，在style中添加并且使用 @layer utilities { .back1 { background:#ff0000; } .back2 { background:#ff00ff; } } 页面添加back样式 <h1 class="font-semib
阅读全文
摘要：第一步执行命令安装 npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9 第二步创建配置文件 npx tailwindcss init 然后根目录下就有一个文件tailwind.c
阅读全文
摘要：第一步：安装批量插件 npm i svg-sprite-loader --save 第二步，封装SVG组件 <template> <div v-if="isExternal" :style="styleExternalIcon" class="svg-external-icon svg-icon"
阅读全文
摘要：一:首先进入根目录下创建package.json npm init 一路回车下去，最后打yes 二：第二步，下载miniprogram依赖 npm i miniprogram-sm-crypto --production 然后点击工具-构建npm,如图 构成成功在目录中会多个miniprogram目
阅读全文
摘要：1.1、请简述盒模型 IE6盒子模型与W3C盒子模型。 文档中的每个元素被描绘为矩形盒子。盒子有四个边界：外边距边界margin, 边框边界border, 内边距边界padding与内容边界content。 CSS3中有个box-sizing属性可以控制盒子的计算方式， content-box：pa
阅读全文
摘要：1.1、<img>标签上title属性与alt属性的区别是什么？ alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短。 这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的
阅读全文
摘要：1.1、请列举几种可以清除浮动的方法（至少两种） 浮动会漂浮于普通流之上，像浮云一样，但是只能左右浮动。正是这种特性，导致框内部由于不存在其他普通流元素了，表现出高度为0（高度塌陷）。 a. 添加额外标签，例如<div style="clear:both"></div> b. 使用br标签和其自身的
阅读全文
摘要：meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略Android平台中对邮箱地址的识别 移动端click屏幕产生200-300 ms的延迟响应 移动设备上的web网页是有300ms延迟的，玩玩会造成按钮点击延迟甚至是点击失效。 解决方案： f
阅读全文
摘要：1.首先安装马克飞象 2.第二步安装 npm install -g i5ting_toc 3.进入 md 文件所在的文件夹后, 输入命令: i5ting_toc -f sample.md -o sample.md是你的文件名 此时你的桌面上就会出现一个preview的文件夹
阅读全文
摘要：CSS部分: 1.盒子实际大小设置 2.超过两行就出现省略号 3.强制换行 4.文字溢出隐藏 5.鼠标设置为移动效果 6.鼠标设置为小手效果 7.段落中的文本不换行 8.平面转立体 9.移动端取消点击效果 10.用CSS绘制三角形 JS部分: 1.时间戳转换格式封装 2.原型对象赋值注意 3.js跳
阅读全文
摘要：1. flex-direction 规定当前DIV下面的子元素是横向布局还是纵向布局 2.justify-conten 主轴居左，居中，居右（这跟flex-direction的对齐方式改变而改变，没有固定的横向和纵向） 3.align-items 侧轴居上，居中，居下（这跟flex-directio
阅读全文
摘要：1.https://daneden.github.io/animate.css/ ，animate.css 2.http://ianlunn.github.io/Hover/，Hover.css http://www.alessioatzeni.com/wp-content/tutorials/ht
阅读全文
摘要：第一个场面 第二个场面，动态心砰砰动 第三个场景，画出一个心
阅读全文
摘要：订单记录 示例一 示例二 我是多行文本。多行文本水平垂直居中的原理跟上一页图片的实现是一样的，区别...
阅读全文
摘要：iphoneX();function iphoneX(){ var oMeta = document.createElement('meta'); oMeta.setAttribute('name',"viewport"); oMeta.setAttribute('content',"width=d
阅读全文
摘要：第一步把你想要的小图标添加到购物车里，然后如图下载 第二步下载完了，如下图有这些文件 第三步，把你需要的必要文件放到文件夹中，然后把需要的代码放到一个CSS中，然后引用 备注，这几个文件就是字体，必须要，然后再来就是用CSS文件应用 有个这样的文件，然后把里面的代码粘贴出来 如下图
阅读全文
摘要：AI图标制作完成之后，保存的svg文件包含许多AI的信息，如果要在HTML中使用，我们需要在svg文件中提取/修改信息，重新保存。 1、在AI中已经完成图标，要保存SVG文件，点击“文件(File)”-“另存为(Save As)”，在弹出的对话框中保存类型选择SVG(*.svg)。 2、svg文件保
阅读全文
摘要：html代码展示（直接复制代码保存至本地文件运行即可）： 设置滚动条隐藏： .container ::-webkit-scrollbar {display: none;}此时效果已经实现，既可滑动对应元素的内容，也隐藏了滚动条。但是，ios上的滑动效果很不流畅，不利于用户体验，Android上是ok
阅读全文
浙公网安备 33010602011771号