- 2023-07-19综合案例一-热词
综合案例一-热词目录综合案例一-热词1、设计需求2、设计所需标签和CSS样式3、设计具体步骤4、遇到的问题设计图如下1、设计需求①需要鼠标放上去有显示透明②需要点击后跳转到相应页面且保留原页面2、设计所需标签和CSS样式所需标签:divCSS样式:伪类hover,颜色color,字大小fo
- 2023-07-19自学前端-HTML5+CSS-综合案例一-热词
综合案例一-热词目录综合案例一-热词1、设计需求2、设计所需标签和CSS样式3、设计具体步骤4、遇到的问题设计图如下1、设计需求①需要鼠标放上去有显示透明②需要点击后跳转到相应页面且保留原页面2、设计所需标签和CSS样式所需标签:divCSS样式:伪类hover,颜色color,字大小fo
- 2023-03-05HTML与CSS手写-2.使用CSS绘制几何图形(圆形、三角形、扇形、菱形等)
使用CSS绘制几何图形(圆形、三角形、扇形、菱形等)//圆形<divclass="circle"></div><style>.circle{border-radius:50%;width:80px;height:80px;backg
- 2022-12-2619. 雪碧图
一、什么是雪碧图 我们可以将多个小图片统一保存到一个大图片中,然后通过调整background-position来显示图片,这样图片会同时加载到网页中,就可以有效的避免出现闪烁的
- 2022-11-03CSS 常用选择器
CSS常用选择器1.id选择器#i1{ background-color:#2459a2 height:80px}2.class选择器.i1{ background-color:#2459a2 height:80px}<divclass="i1"><
- 2022-11-03clip-path属性深入理解与使用
clip-pathCSS属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示,区域外的隐藏。clip-path的属性值可以是以下几种:1.inset; 将元素剪裁为
- 2022-10-10svg颜色修改
给icon加样式(利用原图标的阴影区域,同时将原图标移动超过之前父元素范围)filter:drop-shadow(red80px0);transform:translateX(-80px);给父元素加样式(父元素超范围隐
- 2022-10-10上传多张图片的布局 flex布局 uniapp
1<viewclass="input"style="display:flex;">2<spanclass="title"style="font—size:16px;">图像信息:</span>3<viewclas
- 2022-08-24盒子模型、 浮动布局、定位属性、 z-index、JavaScript基础语法
今日内容概要盒子模型浮动布局定位属性z-indexJavaScript基础语法今日内容详细盒子模型所有的标签都可以看成是一个快递盒1.外边距(margin):指标签之间的距离(