随笔分类 -  HTML

H5之canvas基础教程
摘要：01.canvas简单的认识 canvas 是html5提供给我们的一个绘图标签 默认大小 300X150 背景透明 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas简单的认识</title> < 阅读全文
posted @ 2018-07-27 11:13 caseywei 阅读(842) 评论(0) 推荐(0)
通过HTML的canvas实现简单的画图功能
摘要：功能描述： 有红绿蓝三种颜色的画笔，可以选择画笔的粗细，画出的图可以保存到右边的六个画框中。当右边的六个画框都画满之后，便不能继续保存来了。可以清除画框，清除画布。保存的图片可以右击保存为png格式。 实现效果如图所示： 实现代码： 阅读全文
posted @ 2018-07-25 23:34 caseywei 阅读(532) 评论(0) 推荐(0)
关于CSS与HTML知识点总结（一）
摘要：一，html+css基础1-1Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。2. CS 阅读全文
posted @ 2018-07-24 23:30 caseywei 阅读(359) 评论(0) 推荐(1)
响应式布局之二 CSS3 Media Query
摘要：响应式布局有三种实现方式： CSS3 Media Query 原生 JS 代码 第三方开源框架（最常见的有 bootstrap） CSS3 -- Media Query 1. 媒体查询实现方式 方式一：styleSheet样式表中的写法： 如：<style>标签中使用@media 方式二：<link 阅读全文
posted @ 2018-07-22 23:08 caseywei 阅读(159) 评论(0) 推荐(0)
HTML常用标签
摘要：HTML文档采用目录树这样一种结构，基本结构如： 第一行声明浏览器要以标准模式解析该文档，根标签是<html></html>，有两个子标签，<head></head>头部不在网页内容中显示，主要用途是描述网页的信息， <body></body>中的内容将在网页中显示，这是一种固定的格式。 如下HTM 阅读全文
posted @ 2018-07-19 18:32 caseywei 阅读(236) 评论(0) 推荐(0)
36道前端面试题html+css
摘要：1. 对WEB标准以及W3C的理解与认识? 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要 阅读全文
posted @ 2018-07-18 21:14 caseywei 阅读(378) 评论(0) 推荐(0)
关于H5的20道面试题及答案
摘要：1 DOCTYPE有什么作用？标准模式与混杂模式如何区分？它们有何意义? 告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。 标准模式（Standards mode）以浏览器支持的最高标准运行；混杂模式（Quirks mode）中页面是 阅读全文
posted @ 2018-07-18 21:06 caseywei 阅读(1949) 评论(0) 推荐(0)
超全前端面试题及答案
摘要：HTML+CSS 1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供 阅读全文
posted @ 2018-07-18 21:04 caseywei 阅读(1699) 评论(1) 推荐(0)
关于html5和css3的一些常见面试题
摘要：一、HTML5 CSS3 CSS3有哪些新特性？ 1. CSS3实现圆角（border-radius），阴影（box-shadow）， 2. 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform） 3.transform:rotate(9deg) scal 阅读全文
posted @ 2018-07-18 20:56 caseywei 阅读(1022) 评论(0) 推荐(0)
关于对html中文档流的理解
摘要：理解好文档流，有助于我们对css中定位和浮动的理解。什么是文档流呢，经过我看过的一些文章，加入自己的理解。我得出文档流的定义如下： 1、从左至右，从上至上的布局。 2、符合html中标签本身含义的布局，比如某些标签独占一行。有些标签属于行内元素等。 下面来讲一个css中的定位机制，共三种： 1、正常 阅读全文
posted @ 2018-07-15 03:30 caseywei 阅读(181) 评论(0) 推荐(0)
行内元素（内联元素）与块级元素
摘要：在标准文档流里面，块级元素具有以下特点： 阅读全文
posted @ 2018-07-15 02:18 caseywei 阅读(221) 评论(0) 推荐(0)