前面的话 Grid布局方式借鉴了平面装帧设计中的格线系统，将格线运用在屏幕上，而不再是单一的静态页面，可以称之为真正的栅格。本文将详细介绍grid布局 引入 对于Web开发者来说，网页布局一直是个比较重要的问题。但实际上，在网页开发很长的一段时间当中，我们甚至没...

2018-06-24 01:32:08

什么是盒子模型？ 网页中的任何一个标签都相当于是一个盒子模型，而所有的盒子模型都存在五个必要的属性：width,height,padding,border,margin. 那么在一个网页中如何计算一个盒子模型实际所占的宽度呢？？？？ 例如：stylediv {width:300px;padding:20px;border:1px}/...

2018-06-24 01:32:06

1、 $ npm install vue -cli - g$ vue init webpack project - name$ cd project - name$ npm install $ npm run dev 2、 打开项目文件夹，开发目录主要为 src, assets 下存放想要放置的图片， commponents 下存放自己写好的组件，组件之间相互调用；src下同样可以创建...

2018-06-24 01:32:04

它们一样是因为： 都是鼠标落上去的时候触发的。 它们不一样是因为： onmousemove是javascript里面的，他可以触发js命令，但是hover做不到，hover只是css样式的类，只能定义样式。 比如说鼠标落上去实现一个弹出窗口的操作，就要用onmousemove，用hover的css定义是没办...

2018-06-24 01:32:03

一、理解CSS的样式组成 CSS里的样式表是有规则组成的，每条规则有三个部分组成： 1、选择器（如下面例子中的：“body”），告诉浏览器文档的哪个部分受规则影响； 2、属性（如实例中的font-family、color等），规定了布局的什么方面被设置了； 3、值（如实例中的Arial,...

2018-06-24 01:32:00

最近想做一款跨平台（pc\app\pad）的东西玩玩,研究了许多技术： android、ios、H5、Bootrap、angular、angular2、ApiCloud、微信小程序 除android、ios 本身的枷锁（系统）其它 的都 可以实现跨平台，尤其ApiCloud、微信小程序做开发sdk级解决方案很是火热，但是从技术...

2018-06-24 01:31:59

本文介绍下flex的用法和属性 这个一个自适应的3列盒子 div class ="flex" div style ="background-color:red;" 红色 / div div style ="background-color:blue;" 蓝色 / div div style ="background-color:green;" 绿色 / div / div style .flex { display : flex ; }...

2018-06-24 01:31:53

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" meta http-equiv="Content-Type" content="text/html;charset=utf-8" / head title投票系统 j...

2018-06-24 01:31:53

1.定义 DOCTYPE标签是一种 标准通用标记语言 的文档类型声明，目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来解析文档。 !DOCTYPE 声明必须是 HTML 文档的第一行，位于 html 标签之前。 2.作用 声明文档的解析类型(document.compatMode...

2018-06-24 01:31:48

1、margin-top为负值像素 margin-top为负值像素，偏移值相对于自身，其后元素受影响，见如下代码： 1 ! DOCTYPE html 2 html lang ="zh" 3 head 4 meta charset ="UTF-8" / 5 meta http-equiv ="X-UA-Compatible" content ="ie=edge" / 6 title margin不同赋值情况（负...

2018-06-24 01:31:43