![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
&小胖&
这个作者很懒,什么都没留下…
展开
-
css样式
一、字体1.文本样式1.字体大小 font-size:20px 2.文字加粗 font-weight:normal; normal正常 bold 粗 bolder 特粗 lighter 细 400=normal 700=bold (100-900) (数字后不加单位,此方法使用的多) 3.文字样式 font-style:normal; ...原创 2021-11-27 22:40:11 · 231 阅读 · 0 评论 -
用canvas画布实现验证码
一、代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原创 2021-11-21 20:27:49 · 236 阅读 · 0 评论 -
canvas画布
一、语法 //获取dom元素 let cas = document.querySelector('选择器') // 获取上下文对象 let ctx = vas.getContext('2d') // 设置初始坐标 ctx.moveTo(100,100) // 设置终止位置 ctx.lineTo(300,100) // 指定线条的颜色 ctx.strokeStyle='green' //缩放 ctx.scale(x,y); //旋转原创 2021-11-13 20:34:28 · 271 阅读 · 0 评论 -
flex布局(弹性布局)
一、概念采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称"项目" 容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫做cross start,结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的主轴...原创 2021-11-04 16:54:56 · 277 阅读 · 0 评论 -
将文字溢出部分用...替换
一、方法overflow:hidden; white-space:nowrap; text-overflow:ellipsis;二、例子结果原创 2021-10-27 16:03:30 · 166 阅读 · 0 评论