10 2021 档案

10.28 购买页面
摘要：盒子模型：display: flex; 先写布局 左右分割页面 大于号不要写> 用 &gt; < &li; sub 垂直对齐文本的下标 super 垂直对齐文本的上标 text-decoration: none：消除文本下划线 background-position：定位背景图像 阅读全文
posted @ 2021-10-29 12:53 李绍昂 阅读(29) 评论(0) 推荐(0)
10.27 index界面创建
摘要：/* 转换块元素 */ display: inline-block; /* 精灵图位置 */ background-image: url(../img/ico.png); background-position: 0 -70px; /* 第一张图片距离左边距离 */.content .top li: 阅读全文
posted @ 2021-10-27 17:23 李绍昂 阅读(93) 评论(0) 推荐(0)
10.26 页面list
摘要：左右分割 <dl> <dt></dt> <dd></dd> </dl> 表类型少用table 可以用ul li类型的写 少用float 用display: inline-block; ul>(li>img[src=img/pro/$.jpg]+h3+div>span.money{￥15}+span. 阅读全文
posted @ 2021-10-26 19:26 李绍昂 阅读(37) 评论(0) 推荐(0)
html 精灵图
摘要：用background-image: url 把图片添加进去， 再用 background-repeat: no-repeat;删除重复 background-position: x坐标 y坐标; 再在hover里面写 background-position: x坐标 y坐标; 将a标签表示为块级元 阅读全文
posted @ 2021-10-25 18:53 李绍昂 阅读(156) 评论(0) 推荐(0)