第十一章，用CSS进行布局 开始布局注意事项 1、内容与显示分离 2、布局方法：固定宽度和响应式布局 固定宽度，整个页面和每一栏都有基于像素的宽度 响应式布局也称为流式页面，使用百分数定义宽度 3、浏览器问题 注：HTML5 shiv 是少有的必须在head中加载JavaScript的情况之一，否则就不起作用。 关于HTML5 shiv： 与其他主流浏览器不同，IE8及之前版本会忽略它们不原生支持的元素的CSS。HTML5 shiv是专门用于解决这一问题的一段Ja...
第十一章 1、 box-sizing：border-box（让宽度和高度包含内边距和边框） 2、 clear让后面的元素显示在浮动元素的后面 3、 z-index只对只对绝对、固定、相对定位的元素有效 4、 vertical-aligh只用于行内元素 baseline/middle/sub/super/text-top/text-bottom/top/bottom/百分比/值 第十二章 1、 and (min-width/max-width/resolution:value)” href=”” /> 2、 第十三章 1、body{font-family:’ pt_sansregular’;}@font-...
第七章 1、 样式表：选择器和生命块 2、 !important： 某条声明的重要程度比其他高，在末尾添加 3、 属性值：inherit; 是强制继承 4、 1em=16px; 5、 可以接受不带单位的属性：line-height、z-index、opacity 6、 background-color/color/border/box-shadow/text-shadow: rgba(89,0,127,.2);最后一个是透明度 7、 属性：hsl(95,10%,28%) 色相、饱和度、亮度 第八章 1、 在和中加入media=”print/screen/all” 第...
一、绘制基本图形在每次用canvas画布时，都有几步是“套路”1.在HTML中创建Canvas画布：<canvas id="mycanvas" width="960px" height="580px">浏览器不支持canvas 如果不支持会显示这段文字 </canvas>2.获取画布标签，并得到一个2D对象：var c = document.getElementById(mycanvas); //获取标签 var ctx = c.getContext("2d"); //返回一个用来绘制环境类型的环境，返回一个2D对象 ，该对象实现了一个画布使用的大多数方法。...
HTML5 的一个重要特性是本地数据持久性，它使用户能够在线和离线访问 Web 应用程序。此外，本地数据持久性使移动应用程序更灵敏，使用的带宽更少，而且能够在低带宽场景中更高效地工作。HTML5 提供了一些本地数据持久性选项。第一个选项是 localstorage，它支持您使用一个简单的键值对来存储数据。IndexedDB（一个更加强大的选项）支持您本地存储大量对象，并使用健壮的数据访问机制检索数据。 IndexedDB API 取代了 Web Storage A...
一、媒体操作 1、audio（音频） 支持的音频格式：.mp3/.ogg/.webm 标签常用属性： autoplay autoplay 自动播放（IE9以下不支持，IE可以支持自动播放，谷歌有些版本不支持自动播放） controls controls 控制条 loop loop 循环 preload preload 预加载（设置autoplay时，preload失效） src url 音频文件路径及文件名JS常用属性： audio.buffered.end(0)：获取已缓冲的秒...
我目前正在从事一个基础结构必须如下所示的项目： [客户端1] ———– [服务器] ———– [客户端2] 客户端1必须激活一个按钮,这将触发服务器上的事件.然后,客户端2必须侦听该特定事件以显示该值. 例如,客户端1将是一台平板电脑,带有一个ID为1的简单按钮. 我必须能够在Client 2上进行显示,我们假设在Linux(Raspberry Pi)机器上插入了电视,并且在平板电脑上按下了按钮ID 1. 您将如何仅使用HTML来显示客户端1和2以及使用JavaScript在...
开始记录一些前端的小知识点吧 1.CS结构与BS结构 过去的方式：CS结构CS结构向BS结构过渡：浏览器，B/S结构2.表单标记 表单标记的使用，是HTML中最重要的内容 流程：表单提交到Web服务器，服务器拿到表单数据，插入到数据库 3.网站与网页 一堆的网页合在一起就是一个网站，如网站：腾讯网，就包含许多的网页 4.frameset标签 frameset标签切分窗口有三种方式：5.iframe标记 内联网页，把别的网页嵌入到自己做的网页中 Tips： 建议童鞋...
1. attr和prop 什么是attribute，什么是property ? html标签的预定义和自定义属性我们统称为attribute ? js原生对象的直接属性，我们统称为property 什么是布尔值属性，什么是非布尔值属性 ? property的属性值为布尔类型的 我们统称为布尔值属性 ? property的属性值为非布尔类型的 我们统称为非布尔值属性 attribute和property的同步关系 ? 非布尔值属性：实时同步 ? 布尔值属性： ? property永远都不会同步attribute...
1. canvas简介 ? <canvas> 是 HTML5 新增的元素，可用于通过使用JavaScript中的脚本来绘制图形 ? 使用<canvas>标签时，建议要成对出现，不要使用闭合的形式。 ? canvas元素默认具有高宽width: 300pxheight: 150px2. 替换内容 ? 由于某些较老的浏览器（尤其是IE9之前的IE浏览器）不支持HTML元素<canvas>，但在这些浏览器上你应该要给用户展示些替代内容。这非常简单：我们只需要在<canvas>标签内部提供替换内容就可以。 ? 支持<c...
一、网页 网页 网站是指在网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页合集。网页是网站中的——“页”，通常是HTML格式的文件，它要通过浏览器来阅读。网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。 二、HTML HTML是超文本标记语言，是一种用于创建网页的标准标记语言。HTML运行在浏览器上，由浏览器来解析。 HTML不是一种编程语言，而是一种标记语言 标记语言是一套标记标签...
DTD 介绍DTD（Document Type Definition 文档类型定义）是一组机器可读的规则，它们定义 XML 或 HTML 的特定版本中所有允许元素及它们的属性和层次关系的定义。在解析网页时，浏 览器将使用这些规则检查页面的有效性并且采取相应的措施。 DTD 是对 HTML 文档的声明，还会影响浏览器的渲染模式（工作模式）SGML 、 HTML 、XML 和 XHTML 的区别？SGML 是标准通用标记语言，是一种定义电子文档结构和描述其内容的国际标准语言， 是所有...