08 2022 档案

小兔鲜02-header+footer+主体内容
摘要：效果图 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont 阅读全文
posted @ 2022-08-04 16:46 挚终 阅读(200) 评论(0) 推荐(0)
综合项目小兔鲜01-项目前置样式+项目搭建
摘要：精灵图：项目中将多张小图片，合并成一张大图片，这张大图片称之为精灵图 优点：减少服务器发送次数，减轻服务器的压力，提高页面加载速度 使用精灵图的步骤是什么？ 1. 创建一个盒子 2. 设置盒子大小为小图片大小 3. 设置精灵图为盒子的背景图片 4. 将小图片左上角坐标 取负值，设置给盒子的backg 阅读全文
posted @ 2022-08-04 11:40 挚终 阅读(980) 评论(0) 推荐(0)
CSS06-学成在线定位+装饰
摘要：网页布局三种方式： 标准流 浮动 定位 定位 ➢ 针对于盒子与盒子之间的层叠问题，推荐使用定位完成！ 1. 设置定位的方式：position 2. 设置偏移值：水平+垂直就近各取一个 ➢ 相对定位position的属性值是什么？ • relative ➢ 相对定位是否需要配合方位属性实现移动？ • 阅读全文
posted @ 2022-08-03 17:30 挚终 阅读(73) 评论(0) 推荐(0)
网页制作
摘要：一、根目录：网站的第一级文件夹（注意以英文命名） 1. 图片文件夹: images 2. 样式文件夹: CSS （下面建立index.css 与.html对应） 3. 首页 : index.html css样式引入html代码如下： <!DOCTYPE html> <html lang="en"> 阅读全文
posted @ 2022-08-02 23:00 挚终 阅读(103) 评论(0) 推荐(0)
CSS05 制作页面：学成在线
摘要：效果图 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont 阅读全文
posted @ 2022-08-02 22:59 挚终 阅读(75) 评论(0) 推荐(0)