Html5,Css3
文章平均质量分 74
月轩居士
Archimedes said: give me a fulcrum,I will move the earth.Program ape said: give me a keyboard,I can change the world.
展开
-
DIV+CSS规范命名大全集合
网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率。 我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法。一、命名规则说明1)、所有的命名最好都小写2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id...转载 2019-02-21 09:31:00 · 286 阅读 · 0 评论 -
HTML5表单新增元素与属性
1.表单内元素的form属性在HTML4中,表单内的从属元素必须书写在表单内部,而在HTML5中,可以把他们书写在页面上任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定的表单了。代码示例如下:[html] view plain copy print?> html lang=转载 2016-03-17 14:25:42 · 570 阅读 · 0 评论 -
html5拖放
1.HTML5拖放:拖放(drag ,drop)是HTML5标准的组成部分。2.拖动开始:ondragstart:调用了一个函数,drag(event),它规定了被拖动的数据。3.设置拖放数据:setData():设置被拖放的数据类型和值。4.放入位置:ondragover:事件规定在何处放置被拖动的数据。转载 2016-03-17 10:38:09 · 391 阅读 · 0 评论 -
HTML5表单新增元素与属性 (续)
1.标签的control属性在HTML5中,可以在标签内部放置一个表单元素,并且通过该标签的control属性来访问该表单的元素。示例代码如下:[html] view plain copy print?> html lang="en"> head> meta charset="UTF-8">转载 2016-03-17 14:26:59 · 375 阅读 · 0 评论 -
HTML5使用canvas绘制图形
1.绘制图形canvas元素本身是没有绘图能力的。所有的绘制工作必须在JavaScript内部完成。示例代码如下:(1)新建一个HTML文件,实现代码如下:[html] view plain copy print?> html lang="en"> head> meta chars转载 2016-03-17 14:34:11 · 625 阅读 · 0 评论 -
HTML5新增的元素和废除的元素
1.新增的结构元素section,article,aside,header,hgroup,footer,nav,figure2.新增的其他元素video,audio,embed,mark,progress,meter,time,ruby,rt,rp,wbr,canvas,command,details,datalist,datagrid,keygen,outpu转载 2016-03-17 14:36:55 · 1695 阅读 · 0 评论 -
HTML使用canvas载入图片
(1)JS实现代码如下:[objc] view plain copy print?/** * Created by chenyufeng on 15/9/27. */ var CANVAS_WIDTH = 500, CANVAS_HEIGHT = 500; var mycanvas,context; wi转载 2016-03-17 14:29:20 · 2921 阅读 · 0 评论 -
HTML5学习笔记简明版(2):新元素之section,article,aside
sectionsection元素描绘的是一个文档或者程序里的普通的section节,一般来说一个section包含一个head和一个content内容块。section可以表示成一个小节,或者tab页面里的一个tab下的box块。一个页面里可以拆分成多个section,分别代表introduction, news items和contact information。如果元素的内容集转载 2015-07-20 17:23:22 · 597 阅读 · 0 评论 -
HTML5新增的主体结构元素
1.article元素article元素代表文档,页面或应用程序中独立的,完整的,可以独自被外部引用的内容。它可以是一篇博客或者报刊中的文章,一篇论坛帖子,一段用户评论或独立的插件,或其他任何独立的内容。article元素是可以嵌套使用的;article元素用来表示插件;示例代码如下:[html] view plain copy转载 2016-03-17 13:43:41 · 696 阅读 · 0 评论 -
HTML5的canvas标签
1.canvas标签HTML5元素用于图形的绘制,通过脚本(通常是JavaScript)来完成;标签只是图形容器,您必须使用脚本来绘制图形;可以通过多种方法使用canvas绘制路径、盒、圆、字符以及添加图像。2.标签【使用canvas标签】代码示例:[html] view plain copy转载 2016-03-17 14:35:16 · 817 阅读 · 0 评论 -
html5拖放本地资源
我们可以从本地的资源中拖拽一张图片到网页中,这在HTML和JS的结合下是比较简单的。也即是说一张图片不仅可以在网页中进行拖动,还可以从电脑上拖动。具体实现如下:(1)HTML中代码实现如下:[html] view plain copy print?> html lang="en"> head> meta char转载 2016-03-17 10:40:00 · 463 阅读 · 0 评论 -
HTML5新增的非主体结构元素
1.header元素:header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但是也可以包含其他内容,例如数据表格,搜索表单或相关的logo图片。header元素可以出现多次。[html] view plain copy print?> html lang="en"> head转载 2016-03-17 14:23:58 · 395 阅读 · 0 评论 -
html5响应式布局案例
在本案例中,网页的界面布局将会根据当前浏览器的大小进行变化,做出响应。主要使用CSS的@media来进行设计。实现效果类似一淘网,一淘网使用的就是响应式布局。案例代码如下:(1)HTML代码如下:[html] view plain copy print?> html lang="en"> head> meta转载 2016-03-17 10:44:14 · 2956 阅读 · 0 评论 -
了解Bootstrap
1.了解Bootstrap:简洁,直观,强悍的前端开发框架,让web开发更迅速,简单。2.优点:快速,简单,灵活的栅格系统,小而强大,响应式布局,跨平台等。3.下载登陆BootStrap的官方网站下载: http://getbootstrap.com/ 。下面使用Bootstrap官方提供的模板来设计一个响应式布局。(1)从下转载 2016-03-17 10:46:27 · 706 阅读 · 0 评论 -
将网页都变成灰色的方法
使这个网页的颜色变成灰色的最简单的方法,就是在当前页面的css里面。添加下面的代码,并且让他在任意的浏览器里面正确的执行:方法一:<style type="text/css">html { filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(1原创 2022-12-04 00:57:16 · 840 阅读 · 1 评论 -
HTML5学习笔记简明版(4):新元素之video,audio,meter,datalist,keygen,output
video通过标签,我们可以抛弃最近不怎么讨好的Flash,直接在页面中播放视频文件。视频文件自然是最符合语义化的文件格式,但该元素标签同样支持音频与图片。过去(及目前),我们通常要使用类似下面这样繁冗丑陋的代码来将视频放置在页面中,但这种方式要求浏览器安装有Flash插件,并支持JavaScript:object classid="clsid:d27cdb6e-ae6d-转载 2015-07-20 17:18:08 · 646 阅读 · 0 评论