摘要: 1. 项目描述:首先王城PC端首页,列表页,注册页面。 2. 开发工具:VScode、PHotoshop、主流浏览器(CHromr浏览器为主) 3. 技术伐:利用HTML5+CSS3手动布局,可以大量使用H5新增标签和样式。 采取结构与样式选相分离,模块化开发。 良好的代码规范有利于团队更好的开发协 阅读全文
posted @ 2022-12-07 15:33 ELiaukRain 阅读(36) 评论(0) 推荐(0) 编辑
摘要: 自学网页编程的CSS代码展示: * { margin: 0; padding: 0; } .w { width: 1200px; margin: auto; } body { background-color: #f3f5f7; height: 3000px; } li { list-style: 阅读全文
posted @ 2022-11-22 02:44 ELiaukRain 阅读(104) 评论(0) 推荐(0) 编辑
摘要: 样本: 第一步:先做一个超大的通栏banner盒子。 第二步:在通栏盒子里面做一个版心的盒子 第三部:版心盒子里面在分左边盒子和右边盒子 ◼ 1号盒子是通栏的大盒子banner,不给宽度,给高度。给一个蓝色背景 ◼ 2号盒子是版心,要水平居中对齐。 ◼ 3号盒子版心内,左对齐subnav 侧导航栏 阅读全文
posted @ 2022-11-09 03:18 ELiaukRain 阅读(304) 评论(0) 推荐(0) 编辑
摘要: 样本: 第一步:分析网页的布局情况: 1.板子盒子为1200*42的盒子水平居中对齐,上下给一个margin值就可以。 2.版心盒子里面包含二号盒子logo 3.版心盒子里面包含三号盒子nav导航栏 4.版心盒子里面包含四号盒子search搜索栏 5.版心盒子里面好办唔好盒子user个人信息 要求里 阅读全文
posted @ 2022-11-07 23:17 ELiaukRain 阅读(75) 评论(0) 推荐(0) 编辑
摘要: 网页布局整体思路: 为了提高网页制作的效率,布局时通常有以下整体思路: 1.必须锁定页面的版心【可视区】,通过测量可得知。 2.分析页面的行模块,以及每个行模块中的列模块,【布局的第一准则】 3.一行中的列模块经常浮动布局,先确定每个列的大小之后确定列的位置,【网页布局第二准则】 4.制作 HTML 阅读全文
posted @ 2022-11-07 00:52 ELiaukRain 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 1.准备网页所需要的素材和工具: 1.先做一个psd源文件 2.开发工具【本人用对的是ps】=ps{切图}+vscod{代码}+chrome{测试}。 2.案例准备工作: 1.创建一个目录文件夹【用于存放页面的相关内容】 2.用vscode打开文件夹 3.在目录文件夹里穿件一个inges文件夹,用于 阅读全文
posted @ 2022-11-07 00:50 ELiaukRain 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 清除代码浮动: 为什么要清除浮动:由于父级盒子很多情况下,不方便给高度,但是子盒子浮动又不占有位置,最后父级盒子高度伟0时,就会影响下面的标准流盒子。 清除浮动的本质:清除浮动的本质是清除浮动元素造成对的影响。 如果父盒子本身有高度,则不需要清除浮动 清除浮动之后,父级就会根据浮动对的子盒子自动检测 阅读全文
posted @ 2022-11-06 02:44 ELiaukRain 阅读(46) 评论(0) 推荐(0) 编辑
摘要: Hello,博客园 阅读全文
posted @ 2022-11-06 00:27 ELiaukRain 阅读(5) 评论(0) 推荐(0) 编辑