HTML5+css3

HTML5+CSS3的响应式网页设计：自动适应屏幕宽度

移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。很多网站的解决方法，是为不同的设备提供不同的网页，
互联网技术分享·2017-01-11 16:37

HTML5+CSS3模仿优酷视频截图功能示例

一般的视频网站对于用户上传的视频，在用户上传完成后，可以对播放的视频进行截图，然后作为视频的展示图。项目中也可以引入这样的功能给用户一种不错的体验，而不是让用户额外上传一张展示图。效果图：看起来还是很不错，下面我给大家分析下，极其核心代码很简单：_canvas=document.createElement("canvas");_ctx=_canvas.getContext("2d");_ctx.f
鸿洋_·2017-01-05 17:50

HTML5+CSS3实现无插件拖拽上传图片（支持预览与批量）

上传基本是项目中经常出现的，一般采用：1、form提交2、flash3、HTML5form提交会刷新页面，很难做到异步上传；flash可能是用得比较多了，因为可以兼顾到几乎所有的浏览器，我之前一直会用jQuery的uploadify作为项目中的上传工具，uploadify也有基于Html5好像是收费的，大家可以去官网看看；当然了，现在html5提供了API以及File，FileReader，XML
鸿洋_·2017-01-05 17:35

HTML5+css3：3D旋转木马效果相册

这篇博客的目的是因为上篇HTML5CSS3专题诱人的实例CSS3打造百度贴吧的3D翻牌效果中有个关于CSS3D效果的比较重要的知识点没讲到，就是perspective和tranlateY效果图：嘿嘿，我把大学毕业时的一些照片，做成旋转木马，绕着我大文理旋转，不忘母校的培育之恩~1、perspectiveperspective属性包括两个属性：none和具有单位的长度值。其中perspective属
鸿洋_·2017-01-03 17:02

HTML5+CSS3网页加载进度条的实现，下载进度条的代码实例

今天给大家带来一个比较炫的进度条，进度条在一耗时操作上给用户一个比较好的体验，不会让用户觉得在盲目等待，对于没有进度条的长时间等待，用户会任务死机了，毫不犹豫的关掉应用；一般用于下载任务，删除大量任务，网页加载等；如果有使用HTML5为手机布局的，也可以用于手机中~效果图：1、html结构：0%简单分析下：div.loadBar代表整个进度条div.loadBardiv设置了圆角表框，div.lo
鸿洋_·2016-12-30 17:24

HTML5+CSS3实例 ：canvas 模拟实现电子彩票刮刮乐代码

今天给大家带来一个刮刮乐的小例子~基于HTML5canvas的，有兴趣的可以改成Android版本的，或者其他的~效果图：贴一张我中500w的照片，咋办啊，怎么花呢~好了，下面开始原理：1、刮奖区域两个Canvas，一个是front，一个back，front遮盖住下面的canvas。2、canvas默认填充了一个矩形，将下面canvas效果图遮盖，然后监听mouse事件，根据mousemove的x
鸿洋_·2016-12-30 17:08

HTML5+CSS3 诱人的实例：3D立方体旋转动画实例

本文介绍了HTML5+CSS3诱人的实例：3D立方体旋转动画实例，具体如下效果图：知识点：1、perspective，transform的复习2、CSS3backgroud实现格格背景，即面上的小格格3
鸿洋_·2016-12-30 16:40

PHP输出PDF打印HTML5+CSS3打印格式控制

HTML5+CSS3已经这样流行，然则眼下，基于CSS3的打印控制，居然还处于原始部落阶段，Chrome、Firefox、Edge等连简单的@page都支持得不完善。
cocacola456·2016-12-22 13:19

html5+css3实现扇形

html5+css3实现扇形，思路来自http://tympanus.net/codrops/2013/08/09/building-a-circular-navigation-with-css-transforms
生活在他方·2016-11-23 13:14

HTML5+CSS3整体回顾

转载请声明原文链接关注公众号获取更多资讯这篇文章主要总结H5的一些新增的功能以及一些基础归纳，这里只是一个提纲，并不是很详细，后面会一直完善补充新的内容，本文是一些笔记记录，放在这里供自己参考也供他人学习！HTML5概览第一课HTML5结构HTML5是新一代的HTMLDTD声明改变新的结构标签注意的地方ie8不兼容一些总结--from-dunitian常用的一些新的结构标签结构标签多媒体交互标签特
poetries·2016-10-19 18:56

前端开发工程师学习历程

2、慕课网（从同学那里知道的一个网站，然后开始了学习之旅）3、学习HTML5+CSS3，边学边跟着打4、学JavaScrpt5、学JQuery（其实前面几个路程就是跟着上面慕课网的路径走的。）
venchoi·2016-10-18 15:21

HTML5+CSS3实现机器猫

下面一段代码是有关html5和css3实现机器猫的代码，具体代码如下所示：XML/HTMLCode复制内容到剪贴板机器猫*{margin:0;padding:0;}.whole{width:800px;margin:20pxauto;/*border:2pxsolidyellow;*/background-color:white;position:relative;}.head{margin:0a
佚名·2016-10-17 16:05

关于HTML5语义标签的实践(blog页面)

仿照着用HTML5+CSS3做了一个blog页面。整体效果布局如如：页面布局是基于html5元素的。所以在开始动手之前先熟悉一下HTML5元素，然后检查它的语义是否适合你的布局很重要。
佚名·2016-07-12 10:53

HTML5区块和大纲算法

原文链接：UsingHTMLsectionsandoutlines-MozillaDeveloperNetwork每集HTML5+CSS3网页布局教程-2大纲算法HTML5标准带来了几个带有标准语义的新元素来描述
H_O_L_Y·2016-07-03 16:00

页面+html5+css3

上海网聚化工有限公司$(function(){//导航栏事件navAction();//滚动doScroll();});functionnavAction(){varnavs=$("#navulli");navs.click(function(){$("#navulli").removeClass("select");$(this).addClass("select");}).eq(0).clic
Wit_tang·2016-05-19 10:00

HTML5+CSS3知识点总结

canvascanvas宽高设置canvas跟其他标签一样，也可以通过css来定义样式。但这里需要注意的是：canvas的默认宽高为300px*150px,在css中为canvas定义宽高，实际上把宽高为300px*150px的画布进行了拉伸，如果在这样的情况下进行canvas绘图，你得到的图形可能就是变形的效果。所以，在canvas绘图时，应该在canvas标签里直接定义宽高。在css中定义的c
liujie19901217·2016-05-13 22:00

2016最新前端开发学习资料集锦

超级3D炫酷 html5+css3网页特效制作方法[必看]链接地址http://v.youku.com/v_show/id_XMTI4MzQ1NTkzNg==.html?
fqr201032106·2016-05-10 11:08

跨平台的移动Web开发实战（HTML5+CSS3)

标记-moz-、-webkit-、-o-和-ms-的解释-moz-：代表Firefox浏览器特有的属性-webkit-:代表webkit浏览器特有的属性，Chrome、Safari浏览器采用WebKit内核-o-:代表Opera浏览器特有的属性-ms-:代表IE浏览器特有的属性
lixiaohong2012·2016-05-04 10:00

HTML5+Canvas+CSS3实现齐天大圣孙悟空腾云驾雾效果

效果图：代码如下：CSSCode复制内容到剪贴板HTML5+CSS3实现齐天大圣腾云驾雾*{margin:0;padding:0;border:0;}html,body{margin:0;}@-webkit-keyframesSTAR-MOVE
佚名·2016-04-26 16:58

00.Web大前端时代之：HTML5+CSS3入门系列~Bug反馈文章

感谢广大网友的热心提醒，现已发现如下错误：感谢“”对画布笔记系列的反馈（QQ：350223285）这个是失误，strokeStyle和stroke对应待续。。。。欢迎提出更多问题，感谢大家~
毒逆天·2016-04-07 17:00

Web大前端时代之：HTML5+CSS3入门系列 ~ QQ空间时间轴

Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html大前端系列，主要就是使用CSS3.0来实现，注释我已经打在代码里面了
weixin_34061555·2016-03-30 10:00

推荐！手把手教你使用Git

手把手教你使用Git2014/10/26· IT技术, 书籍与教程 · 22评论 · Git分享到：374JDBC之“对岸的女孩走过来”HTML5+CSS3实现春节贺卡Android-心愿分享iOS9新特性之
Rodulf·2016-03-28 13:00

Web大前端时代之：HTML5+CSS3入门系列 ~ QQ空间时间轴

Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html 大前端系列，主要就是使用CSS3.0来实现，注释我已经打在代码里面了
毒逆天·2016-03-18 11:00

HTML5新特性__第八天

HTML5+CSS3今日代码很冗杂，所以很多内容直接摘自网上，如果造成您的不适，请留言告知。非常感谢。输入标签，通用标签和全局属性今日不做更多阐述，日后使用中遇到再另行说明。
MR_LIXP·2016-03-16 14:25

2016.3.16__HTML5新特性__第八天

·#HTML5+CSS3今日代码很冗杂，所以很多内容直接摘自网上，如果造成您的不适，请留言告知。非常感谢。输入标签，通用标签和全局属性今日不做更多阐述，日后使用中遇到再另行说明。
MR_LP·2016-03-16 14:00

html5+css3适配（手机，pc，平板）2

最近一直在研究移动手机网站的开发，发现做手机网站没有想象中的那么难。为什么会这么说呢？我们试想下:我们连传统的PC网站都会做，难道连一个小小的手机网站难道都搞不定吗？其实手机网站就是一个微缩版的PC网站罢了！至于为什么觉得难、觉得无从下手。段亮觉得有以下几点：一、没有完整的思路和流程就像做网站的流程一样，如果你能知道它的流程，我相信就不会觉得做手机网站难！真正难的是你没有思路。二、把html5这门
HX_lei·2016-03-15 15:00

html5+css3适配问题（手机、平板、PC）

随着互联网的快速发展，以及html5+css3的迅速崛起。渐渐的响应式布局，也会慢慢的出现在我们的视野里，身为专业的web前端人员，还不学习新技术你就out啦！为什么这样说呢？
HX_lei·2016-03-15 15:24

html5+css3适配问题（手机、平板、PC）

随着互联网的快速发展，以及html5+css3的迅速崛起。渐渐的响应式布局，也会慢慢的出现在我们的视野里，身为专业的web前端人员，还不学习新技术你就out啦！为什么这样说呢？
HX_lei·2016-03-15 15:00

[FungLeo原创]CSS预编译技术之SASS学习经验小结

SASS学习经验小结前言接触CSS是05年.使用xhtml+css开发是06年.但真正全面采用xhtml+css开发却是08年开始的.因为居于三线城市,比一线程序的前驱者还是晚了一些.虽然现在已经发展到了html5
FungLeo·2016-03-11 00:00

[FungLeo原创]CSS预编译技术之SASS学习经验小结

SASS学习经验小结前言接触CSS是05年.使用xhtml+css开发是06年.但真正全面采用xhtml+css开发却是08年开始的.因为居于三线城市,比一线程序的前驱者还是晚了一些.虽然现在已经发展到了html5
FungLeo·2016-03-11 00:00

html5+css3进度条倒计时动画特效代码【推荐】

html5+css3进度条倒计时动画特效这个作品在今天上网找网络资源的时候无意中发现的，看到效果非常棒并且很实用，就第一时间把它整理出来与大家分享了，主要用到了html5、javascript和css3
佚名·2016-03-08 16:39

15款html5响应式网站跨屏幕测试工具

手机、平板灯手持设备的增多，网站要顺应变化，就必须要做响应式开发，响应式网站最大的特点在于可以在不同设备下呈现不同的布局，是基于html5+css3技术，目前越来越多的网站开始采用了响应式设计，而下面15
qietuwang·2016-03-07 17:00

客客威客系统,任务发布接受网站

KPPW网站程序使用PHP+MYSQL开发，程序框架采用面向对象MVC设计模式，WEB前端采用最流行的HTML5+CSS3开发框架Bootstrap支持响应式网页设计。
AnHao-Sir·2016-03-05 20:00

HTML5+CSS3绘制锯齿状的矩形

最近通过敲Html5+Css3，分享一些自己认为值得学习的知识，分享给大家。
佚名·2016-03-01 15:36

HTML5+CSS3问题集锦

    最近在做一个房屋装修的项目，使用原生态HTML5+CSS3写前台页面。虽说画页面简单，但是如果对一些属性不知道，对一些错误不会调试，也是够费时费力费感情的。   
u010785685·2016-02-29 20:00

HTML5+CSS3设计界面

这段时间通过敲Html5+Css3，分享一些自己认为值得学习的知识。都很简单，自己操作一遍就会了。前台说简单简单，说难也难。刚开始画的时候，各种调试，各种不熟练。
盟盟哒·2016-02-29 08:44

HTML5+CSS3设计界面

这段时间通过敲Html5+Css3，分享一些自己认为值得学习的知识。都很简单，自己操作一遍就会了。前台说简单简单，说难也难。刚开始画的时候，各种调试，各种不熟练。
u010785685·2016-02-29 08:00

HTML5+CSS3前端开发资源整合

HTML5+CSS3前端开发资源整合  推个广告个人网站：http://www.51pansou.comHTML5视频下载：HTML5视频HTML5源码下载：HTML5源码 meta相关： CSS
51pansou.com·2016-02-16 13:00

HTML5+CSS3前端开发资源整合

HTML5+CSS3前端开发资源整合 推个广告个人网站：http://www.51pansou.comHTML5视频下载：HTML5视频HTML5源码下载：HTML5源码 meta相关：CSS相关：  
51pansou·2016-02-16 13:00

jmeter编写脚本之手机app抓包

首先大家应该清楚手机app原理据我了解，现在市面上收大概分两种，一类是手游，用游戏引擎开发的客户端，这类我还未涉猎，不敢高谈；二类是网站app，一般采用html5+css3作为app前端，实际上app就好比一个浏览器
u012338364·2016-01-28 14:00

Web大前端时代之：HTML5+CSS3入门系列~H5 地理位置

Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html定位类型IP定位优点任何位置都可用在服务器端处理缺点不精确，
毒逆天·2016-01-26 21:00

Web大前端时代之：HTML5+CSS3入门系列~HTML5 画布

Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html我们先看看画布的魅力：  初始画布canvas默认是宽300px
毒逆天·2016-01-25 21:00

Web大前端时代之：HTML5+CSS3入门系列~H5 多媒体系

Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html1.引入概述音频文件或视频文件都可以看做是一个容器文件（类似于压缩的
毒逆天·2016-01-20 15:00

移动端弹窗、手机网站弹窗、mobile版多功能弹出框特效

许久没有写博客了，今天和童靴们聊聊前段时间在项目中用到的一个插件——手机网站弹出框，也就是运用HTML5制作手机对话框、文字提示弹出框特效、HTML5+css3动态弹窗特效，可自适应内容，自定义参数(1
xiaoyan2016·2016-01-20 14:00

HTML5+CSS3实现图片可倾斜摆放的动画相册效果

先看看效果:其中鼠标悬浮在图片上会有动态效果图  直接上代码:css文件1@CHARSET"UTF-8"; 2*{ 3padding:0px; 4margin:0px; 5} 6div{ 7font-family:"楷体"; 8font-size:14px; 9color:#666 10} 11body 12{ 13background-image:url("../img/
Steven*·2016-01-19 14:00

Web大前端时代之：HTML5+CSS3入门系列~HTML5 表单

Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html一、input新增类型：1.tel：输入类型用于应该包含电话号码的输入字段
毒逆天·2016-01-15 23:00

03.Web大前端时代之：HTML5+CSS3入门系列~H5功能元素

Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html2.功能元素1.hgroup对网页或区段（section）的标题进行组合
毒逆天·2016-01-12 19:00

02.Web大前端时代之：HTML5+CSS3入门系列~H5结构元素

Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html1.结构元素可以理解为语义话标记，比如：以前这么写现在偷懒写
毒逆天·2016-01-12 15:00

纯HTML5+CSS3制作图片旋转

此实例可以应用到许多项目中，很实用，希望大家可以掌握。效果图如下：这个效果实现起来其实并不困难，代码清单如下:XML/HTMLCode复制内容到剪贴板Document#liu{width:280px;height:279px;background:url(shishi.png)no-repeat;border-radius:140px;-webkit-animation:run6slinear0s
佚名·2016-01-12 15:39

01.Web大前端时代之：HTML5+CSS3入门系列~初识HTML5

Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html文档申明字符编码（UTF-8） 版本兼容1.省略引号：当属性值不包括
毒逆天·2016-01-12 10:00
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他