点击此处返回
未登录用户
每日可免费学习1个教程
设计来仪
关注人数：4011
1.DW-初步认识HTML
2.DW-UI设计师为什么学习HTML
3.DW-DIV盒子标签和CSS写法格式
4.DW-float浮动的使用
5.DW-table表格的使用
6.DW-margin与padding区别以及盒模型
7.DW-DIV 框架布局
8.DW-网页原型框架综合案例（上）
9.DW-网页原型框架综合案例（下）
10.DW-html悬停交互效果
11.DW-盒子遮罩overflow样式的使用
12.DW-网页背景的写法
13.DW-网页项目实战-header导航
14.DW-网页项目实战banner部分的写法
15.DW-网页实战Main 主要内容区的写法
16.DW-网页实战ABOUT 区域的写法
17.DW-footer 区写法
18.DW-认识HTML5
19.DW-响应式网页header部分写法
20.DW-响应式article aside 的用法
21.DW-HTML5 响应式代码实现完成
1.打开ps，新建一个【html.5】，首先把基本结构搭建出来，并命名【box】，【<div class="box"></div>】,给出属性【<style type=text/css"></style>】,开始结束，具体如图所示。
2.复制【box】，.在上面，【.box】，在{}里给出宽度【330px】，高度【330px】颜色【#dedede】，具体如图所示。
3.这个关系是，白色盒子里面有三个小盒子，所以在这个里面，给它加三个小盒子，【<div class="box1"></div>】,之后复制，并修改命名，class可以起两个名字，在【<div class="box1 abc "></div>】进行每一个的修改，具体如图所示。
4.三个小盒子都给一个属性，将abc进行复制，放在上面，.在上面，给出宽度【100px】，高度【100px】，颜色【#333】，之后加入【浮动】，具体如图所示。
70000+教程，每天免费学一课
打开APP，离线免流量
