摘要: 效果图: 版面结构分析:上 中(中左/中右) 下。 再细分 图片素材: 阅读全文
posted @ 2020-04-19 23:12 巴山红月 阅读(231) 评论(0) 推荐(0) 编辑
摘要: 一个简单的手机的登录界面,用flex布局,无数据处理后台。效果图: 这个例子用flex,弹性布局。素材有以下一些图片: 根据效果图,规划为flex的列布局,划分比例大概如下图: 操作步骤: 1 做个DIV容器盒子main,它就是主要的盒子。 2 再放各个盒子,一共五个,五个盒子挤在了一起,因为他们没 阅读全文
posted @ 2020-04-19 20:44 巴山红月 阅读(607) 评论(0) 推荐(0) 编辑
摘要: 网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页 阅读全文
posted @ 2020-04-19 20:07 巴山红月 阅读(112) 评论(0) 推荐(0) 编辑
摘要: 经过对前面知识点的巩固和加深,我们可以使用前面学习到的知识来制作实际开发中碰到的一些典型的布局,以此来达到综合应用知识的目的。 1、特征布局:翻页(所需知识点:盒模型、内联元素) 2、特征布局:导航条01(所需知识点:盒模型、行内元素布局) 3、特征布局:导航条02(所需知识点:盒模型、浮动、定位、 阅读全文
posted @ 2020-04-19 16:43 巴山红月 阅读(112) 评论(0) 推荐(0) 编辑
摘要: background属性 是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图片和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: background-color 设置背景颜色 background-image 设置背景图片地址 background-r 阅读全文
posted @ 2020-04-19 16:38 巴山红月 阅读(776) 评论(0) 推荐(0) 编辑
摘要: 前端与移动开发基础班课程大纲 所处阶段 主讲内容 技术要点 学习目标 第一阶段:HTML5 + CSS3 HTML5 1、 浏览器与浏览器内核2、语法及使用、3、 常用标签4. 语义化5、 表单元素6、 HTML 、7 新增标签 可掌握的核心能力:掌握 HTML5 常用标签;掌握 CSS 语法及使用 阅读全文
posted @ 2020-04-19 15:14 巴山红月 阅读(694) 评论(0) 推荐(0) 编辑
摘要: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, i 阅读全文
posted @ 2020-04-19 14:55 巴山红月 阅读(466) 评论(0) 推荐(0) 编辑