1.CSS的语法：CSS的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取值（value）。语法：selector{property:value}（选择符{属性：值}）说明：·选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE……，你可以通过此方法定义它的属性和值，属性和值要用冒号隔开：例子：body{c...
首先我们来介绍什么是CSS？以及CSS的作用CSS是一种标准样式表语言，用于描述网页的各种样式，如果把html比作身体，那CSS就相当于衣服。使用CSS，可以控制文本的颜色，字体的样式，段落之间的间距，列的大小和布局，使用的背景图像或颜色，布局设计，不同设备的显示变化和屏幕尺寸以及其他各种效果。CSS的最大优点是可以使样式布局与html文档内容分离，易于维护，减少html文档页面的代码体积...
1.开发工具个人喜欢用WebStorm和VScode,这里用WebStrom演示（你们肯定很奇怪为什么我的WebStrom是汉化的，后面我会给出汉化教程）设置ES6开发环境打开WebStrom,新建一个文件夹（名字随意，用于学习的文件夹）依次点击->->->,将改为，点击右下角的“应用”和“确定”引入相关文件这里需要引入三个文件，这里推荐大家使用一个在线的免费CDN搜索搜索，会看到下方和进...
学习完本篇文章，我希望您能够掌握以下几点：webpack是什么webpack有什么有点webpack.config.js配置项中，出口（entry）、入口（output）、插件（plugins）的基本作用和配置方法。html-webpack-plugin、clean-webpack-plugin插件的作用和使用方法。统一说明，本文中所用到的npm包管理工具均采用淘宝镜像（cnpm），原因你...
用npm安装这个插件该插件将为您生成一个HTML5文件，这个文件用script标签引用所有的webpack包。只需将插件添加到您的webpack配置，如下：这样就会生成一个文件dist/index.html，如下：如果您有多个webpack入口点，他们都将包括在生成的HTML文件script标签中。如果你有用webpack产出css文件（例如用ExtractTextPlugin提取的css文...
一、HTML模板script标签的type属性为text/babel,是因为React独有JSX语法，跟JavaScript不兼容。凡是使用JSX的地方，都要加上type=”text/babel”二、ReactDOM.render（）ReactDOM.render是React的最基本方法，用于将模板转为HTML语言，并插入指定的DOM节点。//将一个H1标题，插入到exampl...
提示：把代码复制到一个html文件中并保存，直接打开即可看到效果。实现代码：复制代码代码如下：<！DOCTYPEhtml><html><head><metacharset=“gbk”><title>HTML5演示</title><styletype=“text/css”>＃apDiv1{position：absolute;宽度：120像素；高度：300像素；z...
HTML5的canvas元素使用JavaScript在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。Canvas一般是指画布，最近对用html5写游戏比较感兴趣，所以简单的用了一下Canvas。之前接触Canvas是在silverlight和wpf上用到过他，在silverlight上Canvas是一个绝对定位的容器，...
HTML5里新引入很多有趣的新特征；有些体现在HTML里，有些是JavaScriptAPI，全部非常的有用。其中我最喜欢的一个特征就是文本框(INPUT)里的placeholder属性placeholder属性能够让你在文本框里显示提示信息，一旦你在文本框里输入了什么信息，提示信息就会隐藏。你以前可能无数次看到这种效果，但那些大部分是用JavaScript里实现的，而现在，HTML5提供了原生支...
browserify是一个CommonJS风格的模块管理和打包工具，上一篇我们简单地介绍了Vue.js官方基于browserify构筑的一套开发模板。webpack提供了和browserify类似的功能，在前端资源管理这方面，它提供了更加出色的功能。官方基于webpack提供了两种项目模板，分别是vue-webpack-simple模板和vue-webpack模板，今天我们将介绍官方提供的这...