×

html5

canvas渐变（canvas渐变色）

刀贱贱 刀贱贱 发表于2024-05-02 浏览5510 评论0
canvas设置渐变的两种方式： createLinearGradient(x,y,x1,y1) ： 创建线条渐变 createRadialGradient(x,y,r,x1,y1,r1) ： 创建一个径向/圆渐变 在线试一试 createLinearGradient(x,y,x1,y1) x：渐变开始点的 x 坐标 y：渐变开始点的 y 坐标 x1：渐变结束点的 x 坐标 y1：渐变结束点的 y 坐标 代码如下： const c = document.getElementByI

html5

面试题准备（十三）：盒子模型（什么是盒子模型面试题）

浈韵茶业 浈韵茶业 发表于2024-05-02 浏览4256 评论0
概述 最内部的 content 是元素实际内容，它的外侧是内边距 padding，内边距外侧是边框 border，边框外侧是外边距 margin，margin 是透明的，不会遮挡被当前元素覆盖的元素 盒子类型 标准盒模型 标准盒模型的内容区域就是 content 所占区域 它的宽 width 即为 content 的宽，高 height 即为 content 的高 在标准盒模型下，修改内边距 padding 和边框 border 会撑大盒子，要注意元素之

前端框架

Color-UI 简介及使用教程（colorui怎么用）

luofc luofc 发表于2024-05-02 浏览5490 评论0
这是一个鲜亮的高饱和色彩，专注视觉的小程序组件库 。 ColorUI是一个css库，需要你引入样式后可以根据class来调用使用。只需要在HTML或wxml标签中加入想要样式的class类名，就可以调用组件库中提前编辑好的样式，大大提高了开发效率。 ColorUI下载地址 使用：                 1.原生微信小程序开发；                 2.UniApp开发；  原生微信小程序开发 已有项目 下载源码解压获得/demo，复制目录下

html5教程

HTML5+CSS大作业——班级网页设计(5页)

yufeasd yufeasd 发表于2024-05-01 浏览10714 评论0
HTML5+CSS大作业——班级网页设计(5页) 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 获取更多源码 PC电脑端关注我们 🧡作者主页-更多

html5

HTML5期末大作业：旅行网站设计——开心网旅游(11页) web前端期末大作业 html+css+javascript网页设计实例

AsO AsO 发表于2024-05-01 浏览6928 评论0
HTML5期末大作业：旅行网站设计——开心网旅游(11页) web前端期末大作业 html+css+javascript网页设计实例 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求

html5

结构伪类选择器（结构伪类选择器不生效）

呃哦 呃哦 发表于2024-05-01 浏览4431 评论0
结构伪类选择器主要根据文档结构来选择器元素，常用于根据父级选择器里面的子元素 选择符 解析 E:first-child 匹配父元素中的第一个子元素 E E:first-child 匹配父元素中最后一个E元素 E:nth-child(n) 匹配父元素中的第n个子元素E E:first-of-type 指定类型E的第一个 E:last-of-type 指定类型E的最后一个 E:nth-of-type(n) 指定类型E的第n个  语法规则：E需要写两层第一层为父元素第

html5

一起来看看随鼠标飞翔的小天使吧（一起来看看随鼠标飞翔的小天使吧英文）

凡间教主 凡间教主 发表于2024-05-01 浏览5803 评论0
目录 前言 一、案例详解 二、案例细节点 总结 前言 小编我又来和大家啊一起分享好东西了！期待吗？ 一、案例详解         这个案例好多身边的人都做过，但是那时候小编学的比较慢还没有达到制作这个效果的阶段，但是现在这个阶段小编我学到了，开始的时候呢！看到他们做出来的时候我觉得好厉害，那时候我就开始各种脑补~~         这个是不是很难？         这个需要的代码是不是很复杂是不是很多？         我什么时候才能学到这个

html5教程

rem适配及原理（rem适配及原理面试题）

校长 校长 发表于2024-05-01 浏览5100 评论0
一、思考 我们适配的目标是什么？ 怎么去到达这个目标的？ 在实际开发当中使用？ 二、答案 让一些不能等比自适应的元素，到达当设备尺寸发生改变的时候，等比例适配当前设备。 使用媒体查询根据不同设备按比例设置html的字体大小，然后页面元素使用rem做尺寸单位，当html字体变化元素尺寸也会发生变化，从而达到等比缩放的适配。 三、rem适配方案 1.rem实际开发适配方案 按照设计稿与设备宽度的比例，动态的计算并设置html跟标签的font-size大小；（媒体查

django

2022- CSS 函数代码了（2022#）

√韩少wwwywwpaycom √韩少wwwywwpaycom 发表于2024-05-01 浏览4067 评论0
Clamp(), Max(), 和 Min() 函数 — clamp() 函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。它接收三个参数：最小值、首选值、最大值。 流体的尺寸和定位 在下面这个例子中，有一个手机样式，同时有两张图片放置在上面，如下所示: 当容器的宽度变小时，我们要缩小图片的尺寸，这样才不会变形。一般使用百分比单位来解决，如 width: 20%，但是这种方式没有给我们太多的控制。 我们希望能够有一个

html5教程

css3实现div的凸起或凹陷效果（css立体凹陷效果）

?₂₀₀₁₁₁₀₁ ?₂₀₀₁₁₁₀₁ 发表于2024-05-01 浏览7232 评论0
简单的小知识 div的凸起和凹陷效果之前一直觉得是背景渐变等方式实现，最近突然发现只需要对div的边框进行区别设置即可，感觉非常神奇，于是分享一下。 请仔细观察对比示例中四周边框的设置，边框宽度是不一样的。效果在最后 示例如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"

css3

七夕来临，程序员该如何花式表白？html+css实现简单七夕表白

小思展业?（请看朋友圈）主号 小思展业?（请看朋友圈）主号 发表于2024-05-01 浏览4598 评论0
七夕来袭！是时候展现专属于程序员的浪漫了！你打算怎么给心爱的人表达爱意？鲜花礼物？代码表白？还是创意DIY？本文通过简单的 html实例，实现简单的告白，希望对大家有帮助！ 1 效果展示 2 源码及环境 使用Hbuilder X进行编码。 new_file.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>七夕练习<