0基础学web前端第13天:案例页面制作之详情页 前面学习了首页与列表页的制作,今天我们继续详情面的制作。首先要分析详情页,我们有哪盒子需要写,什么结构并做出说明。详情页那我们也需要新建个html页与...
0基础学web前端第12天:案例页面制作之列表页
0基础学web前端第12天:案例页面制作之列表页 上节课我们制作了快捷导航、头部与导航栏的。今天我们接着往下来。上节课没有说到,补充下,我们做页面,都是先完成公共部分。 4.4footer底部制作 f...
0基础学web前端第11天:案例页面制作之首页布局
0基础学web前端第11天:案例页面制作之首页布局 前面我们学习了代码规范,今天我们正式进入制作。 首先我们要实现结构和样式相分离的设计思想。所以我们要在先建目录文件夹。 名称 说明 项目文件夹 pi...
0基础学web前端第10天:案例页面制作之代码规范
0基础学web前端第10天:案例页面制作之代码规范 我们前面已经学习了HTML与CSS的一些基础,那我们就要开始进入实战项目。我们在案例制作之前我们首先需要做的准备工作有哪些?在实际的工作中我们应该如...
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前端第5天:CSS外观样式及标签显示模式、CSS背景
0基础学web前端第5天:CSS外观样式及标签显示模式、CSS背景 1.CSS外观属性 1.1 color:文本颜色 color属性用于定义文本的颜色。其取值方式有如下3种: 表示表示 属性值 预定...
0基础学web前端第4天:CSS
0基础学web前端第4天:CSS、CSS基础选择器、CSS文字文本样式 进入学习CSS之前,我们先温故下前面学习的HTML基础知识。 现在开始进入CSS的学习。 1.CSS初识 1.1.HTML的局限...