- 博客(13)
- 问答 (2)
- 收藏
- 关注
原创 内置对象作业
给定一个字符串,如:“abaasdffggghhjjkkgfddsssss3444343”,问题如下:1、 字符串的长度2、 取出指定位置的字符,如:0,3,5,9等3、 查找指定字符是否在以上字符串中存在,如:i,c ,b等4、 替换指定的字符,如:g替换为22,ss替换为b等操作方法5、 截取指定开始位置到结束位置的字符串,如:取得1-5的字符串6、 找出以上字符串中出现次数最多的字符和出现的次数7、 遍历字符串,并将遍历出的字符两头添加符号“@”...
2022-03-02 18:07:24 105
原创 3D转换案例
3D转换案例1、两面翻转的盒子2、3D导航栏1、两面翻转的盒子样例:<style> body { perspective: 500px; } .box { position: relative; width: 300px; height: 300px; margin: 100px auto; tr
2021-12-16 10:24:28 125
原创 学成在线案例
学成在线案例样例:1、CSS属性书写顺序建议遵循以下顺序:布局定位属性:display / position / float / clear / visibility / overflow(建议 display 第一个写,毕竟关系到模式)自身属性:width / height / margin / padding / border / background文本属性:color / font / text-decoration / text-align / vertical-align / w
2021-12-06 13:53:26 560
原创 土豆案例。。
土豆案例核心原理: 原先半透明的黑色遮罩看不见, 鼠标经过 大盒子,就显示出来。遮罩的盒子不占有位置, 就需要用绝对定位 和 display 配合使用html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name
2021-12-02 16:07:27 687
原创 淘宝轮播图
淘宝轮播图<!DOCTYPE html><html lang="en"><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-12-02 14:25:12 117
原创 网络布局+案例
网络布局+案例小米经典案例常见的网络布局浮动布局注意点案例小米经典案例html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,
2021-11-22 14:13:27 350
原创 快报模块综合案例
新知识点: 去掉 li 前面的 项目符号(小圆点)语法:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca
2021-11-19 15:03:01 102
原创 产品模块综合案例
<!DOCTYPE html><html lang="en"><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-19 13:54:30 423
原创 新浪导航案例-padding
<!DOCTYPE html><html lang="en"><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-17 13:16:28 177
原创 王者荣耀+五彩导航
王者荣耀小图如下图<!DOCTYPE html><html lang="en"><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"> <
2021-11-16 18:37:10 250
原创 简洁版小米侧边栏
<!DOCTYPE html><html lang="en"><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-16 13:13:58 224
转载 综合案例-新闻页面
html<!DOCTYPE html><html lang="en"><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-14 14:03:38 309
原创 html综合案例
一个关于栾云平的表单<!DOCTYPE html><html lang="en"><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"> <t
2021-11-11 11:33:48 143
空空如也
应用margin负值之后部分没有层叠
2021-12-05
用margin负值层叠边框出现问题
2021-12-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人