关键字:outline
  • 前端基础——页面架构
    1. CSS Reset 为什么需要CSS Reset 浏览器对于各个HTML都赋予了默认的样式,并且不同的浏览器默认的样式不同,而通常我们的产品设计中样式都是不同于浏览器默认样式的,所以我们在开发中经常要去覆盖默认的样式,针对不同的浏览器 ...
  • web前端入门到实战:CSS实现自适应分隔线的 8 种方法
    1.伪元素+transform:translateX(-100%); 主要原理是设置文本居中text-align: center;,然后给定两个伪元素,分别绝对定位,那么此时伪元素也是跟随着水平居中的,设置足够的宽度,然后把左边的往左位移1 ...
  • web前端入门到实战:CSS实现开关按钮三例
    我们将使用纯CSS打造一些切换开关并使其拥有类似于checkbox的用户体验。 很多时候我们都需要用户通过勾选/取消checkbox来表明他们对一些问题的答案。我们设置了一个标签,一个checkbox,并在提交表单后获取checkbox值, ...
  • 回味CSS选择器
    发现很多选择器已经忘了叫啥了,借此看一下MDN的文档,本文只是抛砖引玉,记录下阅读过程中的一些新知识,或是当作以后查阅的手册。文档地址 1. 通配选择器 一个星号()就是一个通配选择器.它可以匹配任意类型的HTML元素.在配合其他简单选择 ...
  • JS逐页转pdf文件为图片格式
    背景 年前的时候,开发一个电子杂志项目,功能需求是通过上传pdf文件,将其转为图片格式,所以杂志的内容其实就是一张张图片 不过当时技术要求用后端实现,所以使用的是PHP实现该功能。项目完成后,寻思着在前端是否也能实现pdf转图片的功能。一番 ...
  • 60个非常实用的CSS代码片段,千万要收藏好了!
    1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑: .verticalcenter{ position: relative; top: ...
  • CSS基础知识
    CSS基础知识 css,英文Cascading Style Sheets,中文名:级联样式表。层叠样式表。 css是一种表现语言,是对网页语言的补充。 css用于网页的风格设计,包括字体,颜色,位置等。 css使用的4中方式:引入外部样式文 ...
  • Antd V4 使用iconType创建Icon,可动态设置iconType
    后台数据库存的icon type是antd v4的icon 前端页面应该如何使用显示icon呢 解决办法如下 import React from "react"; import * as Icon from '@ant-design/ico ...
  • 谷歌浏览器Chrome,办他,谷歌访问助手
    国内一般是访问不了谷歌搜索与应用商店的,万能的大神让我仰望。上干货:一、谷歌访问助手链接:https://pan.baidu.com/s/1oDO_pRD0hAw3vdz8PjbRbA提取码:q83z二、点开设置-&gt;扩展配置</ ...

暂无数据