第七章,CSS构造块 CSS里有控制基本格式的属性(font-size,color),有控制布局的属性(position,float),还有决定访问者打印时在哪里换页的打印控制元素。CSS还有很多控制项目显示或消失的动态属性,可以用于创建下来列表和其他交互性组件。 构造样式规则 样式表中的每条规则都有两个部分:选择器和声明块。 选择器决定哪些块受影响,声明块由一个或多个属性-值对组成,指定应该做什么。为样式规则添加注释 /* 注释 */,可以是...
第十六章,表单 HTML5引入了新的表单元素、输入类型和属性,以及内置的对必填字段、电子邮件地址、URL以及定制模式验证。 元素:---- 电子邮件框---- 搜索框---- 电话框---- URL框 以下元素得到部分浏览器支持:---- 日期---- 数字---- 范围-------- \Grapes ---- \Pears ---- 数据列表 Kiwi ...
第十一章,用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 是标准通用标记语言,是一种定义电子文档结构和描述其内容的国际标准语言, 是所有...