一、前言 二、主要内容 1、移动端面对的问题:因为手机屏幕和尺寸不一样,当我们用不同手机设备浏览的时候为了提高用户体验必须要做移动端适配 2、解决方案一: 流式布局 + viewport视口进行设置 流式布局:就是百分比布局,非固定像素,内容向两侧填充,理解成流动的布局,称为流式布局*/ <!DOC ...
分类:
移动开发 时间:
2019-07-17 00:17:06
阅读次数:
182
背景图:(相关验证代码请查看文件中的background-img文件,在验证时需将当前不需要验证的代码注释掉) 1.inherit:从父元素继承属性设置 2.background-repeat:平铺(在图片大小小于元素尺寸时背景图默认平铺): no-repeat:取消默认平铺 repeat-x:横向 ...
分类:
Web程序 时间:
2019-07-14 22:39:33
阅读次数:
209
一: CSS选择器概述 选择器用于选择要进行CSS修饰的HTML片段, 主要有基本选择器和高级选择器两种 二: 基本选择器 2.1 标签选择器 直接使用标签名选择,会选中页面中所有的同名标签 html/css 或者多个标签选择器选择 中间使用逗号分隔 2.2 id选择器 同一个页面id唯一 每个标签 ...
分类:
Web程序 时间:
2019-07-14 19:34:37
阅读次数:
147
本章将使用Bootstrap前端框架结合Django来开发Web页面,什么是Bootstrap?,Bootstrap来自Twitter,是目前很受欢迎的前端框架,Bootstrap是基于HTML、CSS、JavaScript的,它简洁灵活,使得web开发更加快捷,它由Twitter的设计师Mark ...
分类:
其他好文 时间:
2019-07-12 12:58:05
阅读次数:
82
一、Web项目(可跳过,直接从下一个标题开始) 1、Web项目: 指的是带网页的项目,通过浏览器可以访问的项目。比如:淘宝、天猫等。 2、Web项目构成: 浏览器(客户端)、服务器、数据库。 3、Java Web项目访问流程: 客户端通过Servlet/JSP与服务器进行联系,服务器通过JDBC与数 ...
分类:
Web程序 时间:
2019-07-10 22:56:37
阅读次数:
135
首先,该练习参考自:https://www.jianshu.com/p/2961d9c317a3 我就直接上代码了(颜色可以自己调)。 HTML: CSS: green.css red.css blue.css JavaScript: ...
分类:
Web程序 时间:
2019-07-09 19:17:53
阅读次数:
114
从狭义上讲,HTML5是HTML开发出来的的第五个版本。 从广义上讲,HTML5=HTML+css+javascript+API+框架等等,其中,HTML是网页的结构,用来填充网页内容,css是网页的样式,用来让页面变得更加美观,javascript是网页的行为,用来写网页的功能。 HTML5的标准 ...
分类:
Web程序 时间:
2019-07-09 17:52:33
阅读次数:
115
项目的所有依赖都可以安装,每个都有详细的注释。 //gulp.series|4.0 依赖顺序执行//gulp.parallel|4.0 多个依赖嵌套'html','css','js'并行 下面1和2分别运行 1.自动监测文件变化并刷新浏览器 //初始生成app/dist目录 gulp.task('i ...
分类:
其他好文 时间:
2019-07-08 19:15:42
阅读次数:
121
一、Web前端技术--网络三剑客 1、HTML是什么? HTML,全称HYPER TextMarkup Language (超文本标记语言)。HTML是一门描述性语言,它是网页的标准语言,并不是一门编程语言。 2、CSS是什么? CSS,全称Cascading Style Sheet(层叠样式表), ...
分类:
编程语言 时间:
2019-07-08 16:40:09
阅读次数:
277
JavaScript实现轮播图思路 + html/css + js源码 1. 整个轮播图的效果是通过js代码,操作dom, 拿到html我们需要的元素,控制整个ul的距离浏览器左边的位置,让排好的图片依次出现在相框中,不在相框中的元素会被css中的 overflow : hidden 隐藏掉, 其次 ...
分类:
Web程序 时间:
2019-07-08 13:25:28
阅读次数:
148