0基础学web前端第13天:案例页面制作之详情页 前面学习了首页与列表页的制作,今天我们继续详情面的制作。首先要分析详情页,我们有哪盒子需要写,什么结构并做出说明。详情页那我们也需要新建个html页与...
0基础学web前端第12天:案例页面制作之列表页
0基础学web前端第12天:案例页面制作之列表页 上节课我们制作了快捷导航、头部与导航栏的。今天我们接着往下来。上节课没有说到,补充下,我们做页面,都是先完成公共部分。 4.4footer底部制作 f...
0基础学web前端第11天:案例页面制作之首页布局
0基础学web前端第11天:案例页面制作之首页布局 前面我们学习了代码规范,今天我们正式进入制作。 首先我们要实现结构和样式相分离的设计思想。所以我们要在先建目录文件夹。 名称 说明 项目文件夹 pi...
0基础学web前端第8天:CSS定位(position)
0基础学web前端第8天:CSS定位(position) 1.定位(position) 1.1 CSS布局的三种机制 网页布局的核心——就是用 CSS 来摆放盒子。 CSS 提供了 3 种机制来设置...
0基础学web前端第9天:CSS高级技巧
0基础学web前端第9天:CSS高级技巧 1.元素的显示与隐藏 让一个元素在页面中消失或者显示出来。应用场景:类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现! 1.1 dis...
0基础学web前端第7天:CSS浮动(float)
0基础学web前端第7天:CSS浮动(float) 1.浮动(float) 1.1 CSS布局的三种机制 网页布局的核心——就是用 CSS 来摆放盒子。 CSS 提供了 3 种机制来设置盒子的摆放位置...
0基础学web前端第6天:CSS盒子模型
0基础学web前端第6天:CSS盒子模型 1.CSS盒子模型 1.1看透网页布局的本质 网页布局中,我们是如何把里面的文字,图片,按照美工给我们的效果图排列的整齐有序呢? 首先利用CSS设置好盒子的大...
0基础学web前端第4天:CSS
0基础学web前端第4天:CSS、CSS基础选择器、CSS文字文本样式 进入学习CSS之前,我们先温故下前面学习的HTML基础知识。 现在开始进入CSS的学习。 1.CSS初识 1.1.HTML的局限...