![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端h5+css
Cutepingping
女神一生的皇冠
展开
-
HTML 5 游戏开发基础
HTML 5游戏开发案例教程第1章 构建Canvas开发环境添加注释的方法:在H5中采用<!-- -->的方式添加。在function中采用“//”进行单行注释。在Script中采用“//”进行单行注释。canvas简介:HTML 5 <canvas>标签用于绘制图像(通过脚本,通常是JavaScript)。不过<canvas>标签本身不具有绘制能力(它...原创 2018-03-17 10:45:15 · 432 阅读 · 1 评论 -
日常整理系列——笔试刷题00008
1)下面列出的浏览器,无webkit内核的是()答案:Firefox解析:目前主流的三大浏览器内核为:(1)webkit是一个开源的web浏览器引擎,也就是浏览器的内核。Apple的Safari,Google的chrome,Nokias60的默认浏览器,苹果手机的默认浏览器以及Android手机的默认浏览器均采用webkit作为浏览器内核;(2)Gecko,大名鼎鼎的Firefox就是采用...原创 2018-10-13 23:59:59 · 603 阅读 · 0 评论 -
日常整理系列——笔试刷题00007
1)如果一个html文档内含有阿拉伯文,则应该()答案:使用utf-8解析:utf-8是一种针对Unicode的可变长度字符编码,又称万国码。utf-8用1-6个字节编码UNICODE字符。用在网页上可以统一页面显示中文、简体、繁体以及其他语言(英语、日文、韩文)GBK是汉字编码,是双字节码,可表示繁体字和简体字ISO8859-2字符集,也称Latin-2,收集了东欧字符2)hea...原创 2018-10-13 01:06:06 · 418 阅读 · 0 评论 -
日常整理系列——笔试刷题00005
1)编写一个函数判断参数是否是数组类型,如果是返回 true解题思路:typeof只能识别原始类型,它无法对function和object类型做进一步判断。 验证原型对象: var bool = obj.__proto__.constructor.name == 'Array' ? true: false; 验证实例: var bool = (obj instance of Ar...原创 2018-10-12 01:11:48 · 198 阅读 · 0 评论 -
日常整理系列——笔试刷题00002
1.RegExp对象的方法JavaScript RegExp 对象有 3 个方法:test()、exec() 和 compile()。(1) test() 方法用来检测一个字符串是否匹配某个正则表达式,如果匹配成功,返回 true ,否则返回 false;(2) exec() 方法用来检索字符串中与正则表达式匹配的值。exec() 方法返回一个数组,其中存放匹配的结果。如果未找到匹配的值,...原创 2018-09-02 20:36:14 · 320 阅读 · 2 评论 -
用CSS3实现简单图形的显示
在写网页的过程,必不可免的会碰到网站需要装饰一些几何图形; 实现的方式无非四种: 1. 图片 2. CSS2.1&3 3. SVG 4. Canvas就我个人而言,对于一些常见的几何图形. - 图片是不推荐的[太占资源,也不利于维护] - CSS是比较推荐的,精简且方便维护 - SVG也是一个很好的选择[学习成本高一点点] - Canvas看情况使用.square...原创 2018-08-29 16:44:19 · 442 阅读 · 1 评论 -
css补充样式——选取样式:nth-child、first-child、last-child、first_of_type、last_of_type
、first-childfirst-child表示选择列表中的第一个标签。代码如下:li:first-child{background:#090}上面的意思是,li 列表中的 第一个li模块的背景颜色。2、last-childlast-child表示选择列表中的最后一个标签,代码如下:li:last-child{background:#090}3、nth-chi...转载 2018-08-12 01:10:30 · 257 阅读 · 0 评论 -
offsetWidth和width的区别 逻辑中断 delete运算符 。。。。
offsetWidth和width的区别:1、offsetWidth属性可以返回对象的padding+border+widt属性值之和,style.width返回值就是定义的对象的width属性值。2、offsetWidth属性仅仅是可读属性,而style.width是可读写的;3、offsetWidth属性返回值是整数,而style.width的返回值是字符串,并且带有单位。4、style.wi...原创 2018-06-26 09:25:16 · 241 阅读 · 0 评论 -
HTML5进阶篇所有知识小结
1. Canvas绘图1.1 <canvas>标签属性有:id style class hidden width height<canvas>标签的定义:<canvas id=”myCanvas” width=”200” height=”200” Style=”border:1px solid #000”></canvas>...原创 2018-03-12 10:55:47 · 806 阅读 · 0 评论 -
jQuery基础篇
1jQuery概述1.1 jQuery优势设计理念是“少写多做”,是一种将JavaScript、css、DOM、ajax等特征集于一体的强大框架,通过简单的代码来实现各种页面特效。主要提供了以下功能:(1)访问和操作DOM元素:jQuery中封装了大量的DOM操作,可以非常方便地获取或修改页面中的某个元素,包括元素的移动、复制、删除等操作。(2)强大的选择器:jQuery允许开...原创 2018-03-12 10:53:21 · 365 阅读 · 1 评论 -
HTML5重点知识小结——特殊定位、伪元素、表格
第八章 特殊布局情况——定位布局8.1定位属性8.1.1 为什么要使用定位HTML+CSS布局方式之中,最为常见的有两种布局模式,分别是浮动布局和定位布局。在日常开发中,使用最多的是浮动布局,当在页面中出现多个元素层叠状态时,会考虑定位布局,例如平时的弹窗、黑色半透明蒙版层、返回顶部微博等网站顶部的导航条等等。8.1.2 定位——position属性值描 述Absolute生成绝对定位的元素,...原创 2018-03-12 10:46:35 · 892 阅读 · 0 评论 -
HTML5重点知识小结——文本等细节样式处理
一 背景类样式1、 背景图片:background-image 属性基本语法:background-image:URL(‘images/HTML.jpg’);2、 背景重复:background-repeat 属性3、 背景定位:background-position 属性4、 背景关联:background-attachment 属性属性功能:用于设置背景图像是否固定或者随着页面的其余部分滚动基...原创 2018-03-12 10:44:02 · 327 阅读 · 0 评论 -
HTML5重点知识小结——整体布局(可用性与扩展性)
5.1 a标签5.1.1 超链接属性:1)Href 用于指示链接的目标2)Title 当用户的鼠标移入超链接时,会显示title属性的具体属性值。3)Target 用于控制链接页面的打开位置。`值描述_blank浏览器总在一个新打开、未命名的窗口中载入目标文档_self默认状态,在当前页面、目标中打开被链接文档_parent使得文档载入父窗口或者包含来自超链接引用的框架的框架集_...原创 2018-03-12 10:42:44 · 748 阅读 · 0 评论 -
HTML5的重点知识小结——整体布局(浮动布局、选择标签)
3.1 浮动如果设置的是float:left;向左浮动,则元素从右边向上浮动起来到水面,然后向左浮动到水槽的左边。如果设置的是float:right;向右浮动,则元素从左边向上浮动起来到水面,然后向右浮动到水槽的右边。3.2 浮动元素对父级元素高度的影响在默认情况下,一个元素的内容大小决定这一元素的高度,当为一个元素设定了高度,那么在主流浏览器中,这个元素的高度不再由内容大小而设置的这个高度来决定...原创 2018-03-12 10:38:02 · 5679 阅读 · 0 评论 -
HTML5的重点知识小结——整体布局(标签尺寸处理)
所涉及的知识如表: 整体布局Div 标签整体布局必备标签Css是什么了解css的作用Css引入方式将样式文件与html文件挂钩Css选择器将具体样式与相关标签挂钩Css编码规范提升代码质量与可维护性Css样式重置去除标签的默认样式盒模型通过css选择器与相应文件相关联,之后通过设置盒模式的属性,实现每个块的尺寸设置浮动使用浮动,让多个块既能设置高度,也能够与其他元素处于同一行,实现布局清除浮动...原创 2018-03-12 10:32:16 · 420 阅读 · 0 评论 -
HTML5的重点知识小结——入门篇
1 基本的HTML结构1.1关于DOCTYPE:1) DOCTYPE是单独出现的,没有结束标签2) 定义在HTML文档的第一行,在html之前;3) 文档类型,会使浏览器使用相应标准加载网页并显示;4) 文档不定义DOCTYPE,浏览器将会无法获知HTML或XHTML文档的类型,会进入怪异解析模式5) DOCTYPE与doctype同理,不区分大小写1.2 meta元信息所谓元信息,就是对信息进行...原创 2018-03-12 10:24:28 · 473 阅读 · 0 评论 -
盒模式与BFC深入学习——CSS篇
盒模式有两种:标准模型与IE模型 两种模型对比:标准模型的宽高只是内容得宽高,而IE模型的宽高是内容+填充+边框的宽高。CSS设置模型:<!--标准模型-->box-sizing:content-box;<!--IE模型-->box-sizing:border-box;如何获取宽高通过JS获取盒模式对应的宽和高,...原创 2018-10-11 20:53:00 · 185 阅读 · 0 评论