昨夜小楼听风雨

2024年5月22日

摘要：页面结构 <div class="body-brick"> <div class="body-brick-title"> <h2 class="body-brick-title-h2"> 生活电器</h2> <div class="body-brick-title-right"> <ul> <li> 阅读全文

posted @ 2024-05-22 10:39 昨夜小楼听风雨阅读(45) 评论(0) 推荐(0) 编辑

2024年5月21日

CSS------优先级设置

摘要：选择器格式优先级权重 id选择器 #id 100 类选择器 .classname 10 属性选择器 a[ref=“eee”] 10 伪类选择器 li:last-child 10 标签选择器 div 1 伪元素选择器 li:after 1 相邻兄弟选择器 h1+p 0 子选择器 ul>li 0 后阅读全文

posted @ 2024-05-21 21:59 昨夜小楼听风雨阅读(40) 评论(0) 推荐(0) 编辑

2024年5月20日

网页布局------video视频设置

摘要： 1、基础语法（1）video标签 <video src='' poster='imgs/aa.jpg' controls></video> 属性： poster：指定视频还没有完全下载完毕，或者⽤户还没有点击播放前显示的封⾯。默认显示当前视频⽂件的第⼀针画⾯，当然通过poster也可以⾃⼰指定。阅读全文

posted @ 2024-05-20 13:12 昨夜小楼听风雨阅读(7) 评论(0) 推荐(0) 编辑

2024年5月19日

微信小程序------功能组件------横向轮播图

摘要：页面结构 <swiper class="content-info-slide" indicator-color="rgba(255,255,255,.5)" indicator-active-color="#fff" indicator-dots circular autoplay> <swiper 阅读全文

posted @ 2024-05-19 09:19 昨夜小楼听风雨阅读(20) 评论(0) 推荐(0) 编辑

2024年5月18日

网页布局------小米商城官网

摘要：小米商城官网地址小米商城 - Xiaomi 14 Ultra、Redmi K70、MIX FOLD 3，小米电视官方网站一、头部 1、效果图 2、网页结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta na 阅读全文

posted @ 2024-05-18 12:36 昨夜小楼听风雨阅读(223) 评论(0) 推荐(0) 编辑

网页布局------导航栏下标缩放显示

摘要：实现迅雷导航栏下班缩放显示效果https://www.xunlei.com/ .nav-bar li::after{ position:abaolute; bottom:0; left:0; content:""; width:100%; height:2px; background-color:b 阅读全文

posted @ 2024-05-18 08:40 昨夜小楼听风雨阅读(5) 评论(0) 推荐(0) 编辑

2024年5月17日

网页布局------鼠标点击标签切换内容

摘要：网页结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu 阅读全文

posted @ 2024-05-17 09:48 昨夜小楼听风雨阅读(9) 评论(0) 推荐(0) 编辑

2024年5月16日

将博客搬至CSDN

摘要：搬家测试阅读全文

posted @ 2024-05-16 21:44 昨夜小楼听风雨阅读(3) 评论(0) 推荐(0) 编辑

网页布局------小米商城页面布局

摘要：小米商城网址：小米商城 - Xiaomi 14 Ultra、Redmi K70、MIX FOLD 3，小米电视官方网站 ps：自己写的代码，会和网址有所差异网页结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <me 阅读全文

posted @ 2024-05-16 12:54 昨夜小楼听风雨阅读(11) 评论(0) 推荐(0) 编辑

网页布局-----引入文件

摘要： 1、js文件引入引用js文件需要使用script标签，其中必须要要引入jquery.min.js文件 <script src="./jquery.min.js"></script> <script src="./header.js"></script> 在编写js文件时需要保证DOM加载完成，可以阅读全文

posted @ 2024-05-16 08:41 昨夜小楼听风雨阅读(8) 评论(0) 推荐(0) 编辑