首页
学习
活动
专区
圈层
工具
发布

HTML5与CSS3权威指南【笔记】

一、Web时代的变迁 二、HTML5与HTML4的区别 1.新增的元素:section、article、aside、header、hgroup、footer、nav、figure、video、audio...只有"on"和"off"值 hidden:浏览器不渲染该元素,使该元素处于不可见状态 spellcheck:对用户输入的文本内容进行拼写和语法检查 tabindex:每个tab是第几个被访问到 三、HTML5...停止获取当前用户的位置信息 3.position对象属性:latitude、longitude、altitude、accuracy、altitudeAccurancy、heading、speed、timestamp 十二、CSS3...水平方向,垂直方向),移动 rotate(角度),旋转 2.transform-origin:left|top|bottom|right|center,指定变形基准点,可多个参数联合设置,如左上 十九、CSS3...screen|all|print|handheld|tv|speech|braille|embossed|projection|tty and (max-width: xxxxpx){…………} 二十二、CSS3

3K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML5和CSS3提高

    一.HTML5的新特性 HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。...HTML5 在不使用插件的情况下,也可以原生的支持视频格式文件的播放,当然,支持的格式是有限的。... 常见属性: 3.HTML5新增的input类型 4.HTML5新增的表单属性 二.CSS3的新特性 新增选择器: 1.属性选择器 属性选择器可以根据元素特定属性的来选择元素。...before 和 after 必须有 content 属性 before 在父元素内容的前面创建元素,after 在父元素内容的后面插入元素 伪元素选择器和标签选择器一样,权重为 1 5.CSS3 盒子模型 CSS3...7.CSS3 过渡(重点) 过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果

    1.5K40

    HTML5 新特性_CSS3新特性

    一.HTML5概念: 1.什么是HTML5: (1)HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准; (2)HTML5 仍处于完善之中。...2.HTML5的起步: (1)HTML5 是 W3C(World Wide Web Consortium,万维网联盟) 与 WHATWG 合作的结果 (2)为 HTML5 建立的一些规则: a.新特性应该基于...应用可进行缓存,并可在没有因特网连接时进行访问 (2)应用程序缓存为应用带来三个优势: a.离线浏览 – 用户可在应用离线时使用它们 b.速度 – 已缓存资源加载得更快 c.减少服务器负载 – 浏览器将只从服务器下载更新过或更改过的资源...)manifest 文件是简单的文本文件,它告知浏览器被缓存的内容(以及不缓存的内容) (2)manifest 文件可分为三个部分: a.CACHE MANIFEST – 在此标题下列出的文件将在首次下载后进行缓存...当 manifest 文件加载后,浏览器会从网站的根目录下载这三个文件。

    7.5K30

    HTML5 与 CSS3:从表单控件到炫酷背景效果

    HTML5新增表单功能:placeholder:提示文字(注意:不是默认值,value 是默认值),适用于文字输入类的表单控件。required:表示该输入项必填,适用于除按钮外其他表单控件。...注意:多行输入不可用,且空的输入框不会验证,往往与 required 配合。input 新增属性值:email:邮箱类型的输入框,表单提交时会验证格式,输入为空则不验证格式。...auto:可以下载整个视频文件,即使用户不希望使用它。音频标签: 标签用来定义音频,它是双标签。...auto:可以下载整个视频文件,即使用户不希望使用它。CSS3新增长度单位:rem:根元素字体大小的倍数,只与根元素字体大小有关。vw:视口宽度的百分之多少,10vw 就是视口宽度的 10%。...color:可选,阴影的颜色文本修饰: CSS3 升级了 text-decoration 属性,让其变成了复合属性。

    39900

    HTML5简明教程(三)使用CSS3

    同HTML5一样,CSS3也存在兼容性问题,不同浏览器支持情况不同,甚至,特定的浏览器指定了特定CSS属性。...下表是针对不同浏览器需要的特殊前缀: 前缀 浏览器 -moz- Firefox -webkit- Chrome, Safari -ms- Internet Explorer -o- Opera CSS3...Web字体@font-face CSS3支持自定义字体,只需要在项目中导入字体文件或者文件链接url(常用的有.woff,.svg,eot等格式),样式文件中用@font-face定义字体名,字体文件路径等等...多栏文本 支持多栏文本有的CSS3属性有: column-count设置栏数 column-width设置每栏的宽度 3....阴影盒子 CSS3定义了两种阴影:文字阴影和盒子阴影,分别为text-shadow和box-shadow,阴影默认被设置在盒子外部。

    2.3K10

    20个最新的 CSS3 和 HTML5 工具

    1.Sencha Animator 用标准的网页技术打造超炫的动画,Senchar Animator使用CSS3来打造动态的文字和图片,流畅的变换,阴影,渐变等效果。...12.Initializr 这个工具可以帮助你生成一个标准的HTML5网页模板,然后你可以基于这个模板完成你的网页。 13.Gury Gury 可以帮助你创建基于 Canvas 的动画。...14.oCanvas oCanvas 可以帮助你很容易的在 HTML5 的 Canvas 标签上创建对象,并且创建这些对象的动画。...17.Mercury Editor 这是一个全功能的 HTML5 编辑器,可以帮助你的团队在浏览器中编辑文档。 18.Sugar Sugar 是一个JavaScript库。...19.Buzz Buzz是一个用于操作HTML5音频标签的JavaScript library 。它是一个没有用到其它JavaScript框架独立Library。

    1.3K30

    网络编程(五)之HTML5和CSS3提高

    一、 HTML5的新特性 HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。 1.1 HTML5 新增的语义化标签 以前布局,我们基本用div 来做。...常见的属性值 谷歌浏览器把音频和视频自动播放禁止了 1.3 HTML5 新增的input标签 1.4 HTML5 新增的的表单属性 可以通过以下设置方式修改placeholder里面的字体颜色: input...::placeholder { color: pink; } 二、 CSS3提高 CSS3 给我们新增了选择器,可以更加便捷,更加自由的选择目标元素。...父级添加双伪元素 【4】CSS3盒子模型 CSS3 中可以通过 box-sizing 来指定盒模型,有2个值:即可指定为 content-box、border- box,这样我们计算盒子大小的方式就发生了改变...CSS3

    1.7K40
    领券