摘要: 效果图: 版面结构分析:上 中(中左/中右) 下。 再细分 图片素材: 阅读全文
posted @ 2020-04-19 23:12 巴山红月 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 一个简单的手机的登录界面,用flex布局,无数据处理后台。效果图: 这个例子用flex,弹性布局。素材有以下一些图片: 根据效果图,规划为flex的列布局,划分比例大概如下图: 操作步骤: 1 做个DIV容器盒子main,它就是主要的盒子。 2 再放各个盒子,一共五个,五个盒子挤在了一起,因为他们没 阅读全文
posted @ 2020-04-19 20:44 巴山红月 阅读(606) 评论(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 巴山红月 阅读(768) 评论(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 巴山红月 阅读(465) 评论(0) 推荐(0) 编辑
摘要: 设计思想:在一个Div内存放两个相同内容(使用一行多列表格)作为一个滚动对象,并将超出的宽度的内容隐藏,在JS脚本中定义Div向移动的方法(水平坐标加1)。当第一个内容完全消失(即Div向左移动的距离达到该Div的宽度,此时第二个内容完全显示)时,将滚动条的坐标复位,开始新的一轮。代码如下: <ht 阅读全文
posted @ 2020-04-17 22:53 巴山红月 阅读(1098) 评论(0) 推荐(0) 编辑
摘要: 今天的教学过程是想展示网页设计的过程,内容,样式,动效。但同学们的反应显示是失败的,我反思应该进行改进: 首先展示网页设计效果 分析前景与背景: 前景(文字:1级标题,2行段落,3行超链接(动效) 背景(原图) 第二步:把背景图下载放在图片文件夹 第三步:在DW中新建一个html5文件(网站主页), 阅读全文
posted @ 2020-04-17 22:42 巴山红月 阅读(151) 评论(0) 推荐(0) 编辑
摘要: uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。 DCloud公司拥有470万开发者,几十万应用案例、8.4亿手机端月活用户,数千款uni-ap 阅读全文
posted @ 2020-04-16 11:13 巴山红月 阅读(667) 评论(0) 推荐(0) 编辑