相关文章
HTML-CSS静态页面实现-仿博文尚美首页
HTML代码：
<!DOCTYPE html>
<html><head><!-- https://www.17sucai.com/preview/330046/2015-08-19/%E5%8D%9A%E6%96%87%E5%B0%9A%E7%BE%8E/index.htmlhttps://www.zcool.com.cn/work/ZNjIzOTEwNA.html?switchPageon --><meta charset…
建站知识
2025/1/9 1:55:22
博文尚美轮播小圆点案例
博文尚美轮播小圆点案例
CSS部分 border-radius 属性为元素添加圆角边框 【border-radius 属性是一个最多可指定四个 border -*- radius 属性的复合属性】 .banner .banner-list li{ height: 8px; width: 8px; border-radius: 50%; } border设置四个边框样式： .ba…
建站知识
2025/1/9 3:04:13
仿博文尚美静态网页html+css
仿博文尚美静态网页htmlcss
index.html
<!DOCTYPE html>
<html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" cont…
建站知识
2025/1/8 18:00:09
《博文尚美》实操作业笔记
01 项目准备工作 任务实施 下载软件 VS Code 安装软件 新建“博文尚美”文件夹 新建 index.html 新建 index.css 新建 image 文件夹 02 header部分的制作 任务实施 创建H5框架：在编辑器中输入英文 ！后按 Tab 键 链接外部 CSS 文件：使用 link …
建站知识
2025/1/9 9:14:56
博文尚美（小圆点位置变换方法）
小圆点位于中下位置
.banner .banner-list{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); }
小圆点位于右上角
.banner .banner-list{ position: absolute; top: 0; right: 0; transform: translateX(-50%); }
小圆点位于左上角
.banner…
建站知识
2025/1/9 1:37:02
博文尚美案例知识点总结
一、使用伪元素::after
1. 清除浮动
.clearfix::after{ ----在类名为“clearfix”的元素内最后面加入内容content: ""; ----内容，可写可不写clear: both; ----清除左右两边浮动display: block; ----加入的元素转为块级元素height: 0; ----高度visibil…
建站知识
2025/1/9 3:04:11
