摘要：
01.canvas简单的认识 canvas 是html5提供给我们的一个绘图标签 默认大小 300X150 背景透明 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas简单的认识</title> < 阅读全文
摘要：
功能描述： 有红绿蓝三种颜色的画笔，可以选择画笔的粗细，画出的图可以保存到右边的六个画框中。当右边的六个画框都画满之后，便不能继续保存来了。可以清除画框，清除画布。保存的图片可以右击保存为png格式。 实现效果如图所示： 实现代码： 阅读全文
摘要：
HTML知识点整理 置换元素：浏览器根据标签和属性来决定元素的具体显示内容，如 img input textarea select object video 等 Form <input type='radio'>的选择变化可由onfocus属性控制 <select>的变化可由onchange属性控制 阅读全文
摘要：
一，html+css基础1-1Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。2. CS 阅读全文
摘要：
1.绝对路径 先说在本地计算机上，文件的绝对路径当然是指：文件在硬盘上真正存在的路径。 例如这个路径：D:/wamp/www/img/icon.jpg告诉我们icon.jpg文件是在D盘的wamp目录下的img子目录中。我们不需要知道其他任何信息就可以根据绝对路径判断出文件的位置。 还有超链接文件位 阅读全文
摘要：
响应式布局有三种实现方式： CSS3 Media Query 原生 JS 代码 第三方开源框架（最常见的有 bootstrap） CSS3 -- Media Query 1. 媒体查询实现方式 方式一：styleSheet样式表中的写法： 如：<style>标签中使用@media 方式二：<link 阅读全文
摘要：
bootstrap根据不同屏幕尺寸，选择不同的栅格选项。一共有四种栅格选项，超小屏（手机）、小屏（平板）、中屏（桌面）、大屏（超大桌面）。栅格系统分为12列，即每行最多可容纳12列。若<HTML>里，一个.row内包含的列（column）大于12个（即，一行中的栅格单元超过12个单元），则会自动排版 阅读全文
摘要：
教程开始： 首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。 注意，以上这些理论，是指标准流中的div。 小菜认为，无论多么复 阅读全文
摘要：
HTML文档采用目录树这样一种结构，基本结构如： 第一行声明浏览器要以标准模式解析该文档，根标签是<html></html>，有两个子标签，<head></head>头部不在网页内容中显示，主要用途是描述网页的信息， <body></body>中的内容将在网页中显示，这是一种固定的格式。 如下HTM 阅读全文
摘要：
元素选择器 E，选择所有指定元素名称的元素，例如 p，选择所有的 p 元素。 通用选择器 *，选择所有元素，例如： * { box-sizing: border-box; } 类选择器 .class，用一个点号加类名表示，例如 .header，选择所有 class 属性中包含 header 的元素。 阅读全文