【小K的H5之旅-HTML5与CSS3部分新属性浅见】的更多相关文章

小K的H5之旅-HTML5与CSS3部分新属性浅见

一.HTML部分 1.HTML5新特点 向下兼容.用户至上.化繁为简.无插件范式.访问通用性.引入语义.引入原生媒体支持.引入可编程内容 2.HTML5标签语法 可以省略的元素:空元素语法的元素{br} ;可以省略结束标签的元素 {p,li,h}:可以全部省略标签的元素 {html,head,body}   >>>尽量不用!! 具有boolean值的属性:属性名=属性值 >>> 可以只写属性名 属性值的引号可省略:具有多个属性值的不能省 3.HTML新增结构标签(变形的…

小K的H5之旅-HTML的基本结构与基本标签

一.什么是HTML HTML是超文本标签语言,即网页的源码.而浏览器就是翻译解释HTML源码的工具. 二.HTML文档的结构 HTML文档主要包括三大部分:文档声明部分.<head>头部部分.<body>主体部分. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的第一个网页</title> </head>…

小K的H5之旅-实战篇（一）

一.前言 本K在经过两个星期的html和css学习之后,第一次去尝试完成一个网站主页的制作.在四天之后,本K也终于完成了杰瑞教育主页的html和css部分,至于部分涉及js的部分,因为本K还没有学习过这一块,所以就先做了个样式(网页部分效果如下图).在完成这一页面的时候,K又发现了许多我们还没有学到,但是在网页制作中经常会用到的一些属性,会遇到一些细节上的问题.因此,K写了这篇博文,来记录一下这些属性和问题. 二.属性记录 1.display display用来定义元素的框的类型,常用的有两个值…

小K的H5之旅-CSS基础（一）

一.什么是CSS W3C标准中,倡导有3:其一为内容与表现分离,其二为内容与行为分离,其三为内容结构的语义化.其倡导中第一条的"表现"指的便可以说是CSS.CSS全称Cascading Style Sheets,中文名为层叠样式表,是一种用来表现HTML等文件样式的计算机语言. 二.CSS应用的三种方式 1. 行内样式表 行内样式表将CSS样式与HTML代码完全杂糅在一起,不符合W3C关于内容与表现分离的的基本规则,且不利于网站的维护.但是行内样式表在样式测试方面提供了便利,且优先级最…

HTML5和CSS3的新特性

html5的新特性 添加了用于媒介回放的 <video>,<audio> 元素 添加了语义标签譬如 header.footer.nav 等等元素 添加了用于绘画的 canvas 元素和svg绘图 扩充了input的输入类型,如下 输入类型 描述 color 主要用于选取颜色 date 从一个日期选择器选择一个日期 datetime 选择一个日期(UTC 时间) datetime-local 选择一个日期和时间 (无时区) email 包含 e-mail 地址的输入域 month 选…

记录一些html5和css3的一部分属性

html5 标签1 video:视频 属性: src:视频的url autoplay:视频在就绪后马上播放 controls:向用户显示控件2 audio:音频 属性类似于video3 属性:draggable="true" 元素可拖动 触发ondragstart,ondragover,ondrop等事件4 canvas:画布 在js中绘图,用getContext()函数创建对象进行操作5 svg:可伸缩的矢量图形 用xml格式定义6 input新增类型 type=[email,url…

html5和CSS3中新特性

H5 1.语义化标签 header.footer.aside.nav.section.article 2.表单输入类型 email.url.number.range.Date Pickers.search.color 3.表单属性 autocomplete.placeholder.form 4.视频音频 video.audio 5.画布 canvas 6.伸缩矢量图 svg 7.拖拽属性 draggable 8.事件 resize.input 9.地理定位 Geolocation 10.web存…

HTML5、CSS3等新特性:

HTML5:1/绘画 canvas 元素;2/用于媒介回放的 video 和 audio 元素;3/本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失;4/sessionStorage 的数据在浏览器关闭后自动删除;5/语意化更好的内容元素,比如 article.footer.header.nav.section6/表单控件,calendar.date.time.email.url.searchCSS3: 1.CSS3实现圆角(border-radius),阴影(box…

使用css3新属性clip-path制作小图标

一般一个网页上面,或多或少都会用到一些小图标,展示这些小图标的方法有很多种.最简单的做法就是将UI图上面的每个小图标都保存为图片,一个小图标就一张图片.但这也是比较笨的方法,因为浏览器同一时间最多加载的资源是有限的,例如IE7是2个,IE8是6个,chrome是6个,火狐是8个.如果网页上面有很多张零碎的小图片,导致请求的次数太多,等待加载状态中的资源会很多,明显影响性能.因此,一个改进的办法是使用sprites图,将多张小图放在一张大图,然后限定展示区域的大小,同时改变图片的显示位置backg…

【HTML5 4】《HTML5与CSS3权威指南》 step1 导读

一.教程重点:以 HTML5和CSS3的新功能和新特性 为导向,辅之以 实战型实例页面 二.内容概况: 第1部分:详细讲解HTML5相关知识,包括 各主流浏览器对HTML5的支持情况. HTML5与HTML4在语法上的区别. HTML5的结构元素. 表单与文件.   图形绘制.   多媒体播放. 本地存储.   离线应用. 通信API. Web Workers. 地理位置获取等 第2部分:CSS3的相关知识,包括  选择器.  文字与文字的样式. 颜色的样式. 盒的样式. 背景与边框的样式. 布…