![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Div+Css
文章平均质量分 71
Tigerdush
主要致力于web前端的研发创业中...
展开
-
网页设计常用色彩搭配表 - 配色表
网页设计常用色彩搭配表 - 配色表+按色相的搭配分类本节将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的顺序排序。红色#FFFFCC#CCFFFF#FFCCCC#99CCCC#FFCC99#FFCCCC#FF9999#996699#FFCCCC#CC原创 2013-05-18 09:05:29 · 856 阅读 · 0 评论 -
加速Web开发的9款知名HTML5框架
与手工编码比起来,HTML5框架在准确性和正确率方面给予了保证。大多数HTML5框架都会有一个组合或者包含一些额外的组件,比如jQuery Scripts。CSS3样式表则以改善多媒体特征的功能性和响应式的Web布局为主。如果你有一个根据固定流程进行的特定项目,为了保证项目刚开始就能有较高的正确率,那么你可以利用HTML5框架来提升整个开发过程,并且让网站拥有一致性结构。伴随着智能手机正在原创 2013-05-05 08:22:27 · 1389 阅读 · 2 评论 -
5本Web开发人员应该拥有的免费电子书籍
当今互联网已经成为每一个人的信息知识来源。假如你想学习任何事情,可以很容易在互联网上轻松找到相关的信息,即使它是很简单的事情。在互联网上有成千上万的教程和指南可以用来学习与工作相关的技术和内容。 Web开发人员同样也经常通过互联网获取关于HTML和编码的相关知识。为了帮助这些开发人员,以下是我们收集的一些优秀电子书供大家学习。 1. HTML5 Quick Learnin原创 2013-05-05 08:23:47 · 2358 阅读 · 14 评论 -
25 个精美的后台管理界面模板和布局
任何系统都会有一个管理后台,好看的管理后台看起来赏心悦目,管理的时候心情也舒畅,本文给大家推荐 25 个制作精美的后台管理界面的模板和布局,你值得拥有。Free Admin TemplateWeb App ThemeSpring TimeFree Admin Template For Web Applications原创 2013-05-05 08:30:28 · 2321 阅读 · 2 评论 -
20个最新的 CSS3 和 HTML5 工具
1. Sencha Animator 用标准的网页技术打造超炫的动画,Senchar Animator使用CSS3来打造动态的文字和图片,流畅的变换,阴影,渐变等效果。2. CSS LINT 这个工具可以帮你找出你CSS中的问题。不光是语法错误,它还能指出你的代码写的不合理的地方,或者不高效的地方。3. Normalize.css Normalize.c原创 2013-05-05 08:31:47 · 1265 阅读 · 0 评论 -
网站项目必备——12款经典的白富美型 jQuery 图片轮播插件
图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果。本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美的图片轮播效果,希望这些插件能够帮助到你。 Nivo Slider首先推荐的这款插件号称世界上最棒的图片轮播插件,有独立的 jQuery 插件和 WordPress 插件两个版本。翻译 2013-05-20 13:35:19 · 1610 阅读 · 0 评论 -
学习HTML5十佳站点推荐
当下掀起一股HTML5学习热潮,越来越多的人尝试用HTML5来制作网页游戏等丰富的Web应用。尽管HTML5的完全实现还有很长的路要走,但HTML5正在改变Web,未来HTML5将把Web带入一个更加成熟和开放的应用平台。为了方便大家学习HTML5 ,本文向大家推荐十个非常好的学习HTML5的网站。1. Dive into HTML52. HTML5 Doctor3. WTF原创 2013-05-20 13:31:27 · 1441 阅读 · 0 评论 -
推荐18个基于 HTML5 Canvas 开发的图表库
如今,HTML5 可谓如众星捧月一般,受到许多业内巨头的青睐。很多Web开发者也尝试着用 HTML 5 来制作各种各样的富 Web 应用。HTML 5 规范引进了很多新特性,其中最令人期待的之一就是 Canvas 元素。HTML 5 Canvas 提供了通过 JavaScript 绘制图形的方法,非常强大。今天,本文收集了一些非常好的基于 HTML 5 Canvas 的图表方案推荐给大家。翻译 2013-05-20 13:32:47 · 1668 阅读 · 0 评论 -
20佳惊艳的HTML5应用程序示例
HTML 5 可以说是近十年来 Web 标准最巨大的飞跃,它的使命是将 Web 带入一个成熟的应用平台,在这个平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。今天,本文向大家展示20佳惊艳的HTML5应用程序示例。1-HTML5 Canvas Collage基于HTML5 Canvas开发的拼贴应用,每个图层都可以按不同的方式进行改变,例如移动、缩放、旋转、透明度、阴影原创 2013-05-20 13:34:01 · 1205 阅读 · 0 评论 -
HTML5开发者心声:浏览器兼容性成最大问题
最近,CSDN和HTML5中国产业联盟发起了一个问卷调查,参与调查的开发者们将遇到的问题、关注的事情、对HTML5技术的期待反映在了问卷之上。我们对问卷结果进行了统计和分析,总体来看, 开发者对于浏览器扩展规范能够统一,各大厂商浏览器兼容性能够提升的愿望最为迫切。还有开发者指出,仅仅用PhoneGap作为中间件通过HTML5开发Hybrid App的例子太多,如何运用HTML5技术的长处更好地做开原创 2013-05-04 23:48:12 · 1019 阅读 · 0 评论 -
27 个免费的 HTML5/CSS3 模板供下载
EscapEvelocity Responsive Html5 Theme( Demo || Download )Base 2013 Responsive Html5 Theme( Demo || Download )zBoomMusic Responsive Html5 Theme( Demo || Download )zParalexy Resp原创 2013-05-04 23:42:22 · 1619 阅读 · 0 评论 -
节省你时间的 12 个有用的 HTML5 滑块
现如今的网站拥有了更多动态效果,由于设计行业的进步,几年前网站简单枯燥的内容和展现形式已经一去不复还。通过滑块和幻灯片效果的使用,可提供网站的整体感觉并允许高亮显示你选择的元素。HTML5 Flow Responsive SliderCCSlider – jQuery 3d Slideshow PluginDraggable Infinite Grid with Lightbo原创 2013-05-04 23:44:34 · 1005 阅读 · 0 评论 -
分享30个网页设计色彩搭配的优秀案例
分享30个网页设计色彩搭配的优秀案例 在网页设计中,选择恰当的颜色是非常重要的。相比网页其它组成部分,色彩更能体现你的设计风格,大胆的应用色彩能让你的网页看起来非常新颖。今天,本文搜集了30个优秀的色彩运用案例与大家分享,希望这些案例能带给你灵感!Netlife ResearchCollisionInstagalleryFIFeThe Material转载 2013-05-18 09:07:56 · 1095 阅读 · 1 评论 -
10个让人印象深刻的 jQuery 手风琴效果应用
10个让人印象深刻的 jQuery 手风琴效果应用 jQuery 是最流行的 JavaScript 开发框架,它简化了 HTML 文档遍历,事件处理,动画以及 Ajax 交互,帮助 Web 开发人员更快速的实现各种精美的界面效果。今天这篇文章向大家展示10个非常酷的应用 jQuery 手风琴(accordion)效果网站,一起欣赏。1. Unowhy2. Helloewy原创 2013-05-18 09:09:42 · 668 阅读 · 0 评论 -
Web开发者必备的20款超赞jQuery插件
Web开发者必备的20款超赞jQuery插件 jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性,有效地改善用户体验,还可以大大减少开发时间。现在的jQuery插件很多,可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。Creative Radical Web TypographyLetter转载 2013-05-18 09:11:05 · 930 阅读 · 0 评论 -
『免费素材』15套提升设计的高质量纹理素材下载
『免费素材』15套提升设计的高质量纹理素材下载 纹理一般有木质纹理、布质纹理、墙壁纹理、金属纹理和石质纹理等很多种形式。纹理素材在网页中使用很广泛,个性的纹理图片可以让你的网站看起来更加新颖。今天,本文收集了15套高质量的网页纹理素材,可以免费下载使用。您可能感兴趣的相关文章精品素材:15套极好的高质量免费纹理分享最新20套漂亮的网页背景纹理素材纹理在网页设计中应用的20个华转载 2013-05-18 09:16:19 · 813 阅读 · 0 评论 -
带给你灵感的20个漂亮的单页网站设计作品
带给你灵感的20个漂亮的单页网站设计作品 单页网站是指只有一个页面的网站,这种形式的网站曾经非常流行,现在依然有很多人喜欢。不过,并不是每个网站都适合做成单页,一般都是内容比较少而且将来内容也不怎么增加的情况才适合这样做。如果你打算做一个这样的网站,那么本文收集的20个漂亮的单页网站设计作品相信能带给你灵感。TM DesignMore Hazards More Heroes转载 2013-05-18 09:17:56 · 968 阅读 · 0 评论 -
名片制作:25款现代名片设计实例及模板
名片是一个企业最重要和最符合成本效益的营销工具之一,尤其是对于刚刚起步的企业。然而,名片如果设计不好,往往错失给人留下深刻印象的机会。这里收集了25款现代名片设计实例,在文章结尾,您可以下载免费的名片 PSD 模板。您可能感兴趣的相关文章35佳漂亮的迷你名片设计作品欣赏40款奇特的透明名片设计作品欣赏最新70佳很酷的名片设计作品欣赏33款创意的二维码名片设计作品欣赏35款非常有创意转载 2013-05-18 09:24:02 · 2427 阅读 · 0 评论 -
35套用于扁平化设计的图标和网页元素《上集》
35套用于扁平化设计的图标和网页元素《上集》 扁平化设计是指舍弃渐变、阴影、高光等拟物化的视觉效果,从而打造出一种看上去更加平面化的界面风格。扁平化的网页设计更适合用于需要同时支持多种屏幕尺寸的响应式设计技术中。今天,我给大家带来35套用于扁平化设计的图标和网页元素,记得分享和推荐啊!您可能感兴趣的相关文章10套华丽的Windows8 Metro风格图标让人爱不释手的13套精转载 2013-05-18 09:12:45 · 1289 阅读 · 0 评论 -
2068个开源的网站模板
在网上溜达的时候发了这个好网站——opendesigns.org,上面分享了2068个免费的网站模板。提供了搜索功能,可以根据风格和功能(艺术、教育、画廊、杂志、作品集、电子商务等)、颜色以及关键字搜索模板,高级搜索模式还支持按列数、布局模式搜索。 给力啊!我要去下载!原创 2013-05-18 09:22:08 · 1354 阅读 · 0 评论 -
10个让人印象深刻的 jQuery 手风琴效果应用
jQuery 是最流行的 JavaScript 开发框架,它简化了 HTML 文档遍历,事件处理,动画以及 Ajax 交互,帮助 Web 开发人员更快速的实现各种精美的界面效果。今天这篇文章向大家展示10个非常酷的应用 jQuery 手风琴(accordion)效果网站,一起欣赏。1. Unowhy2. Helloewy3. Djafar Inal4. Made b原创 2013-05-20 13:38:12 · 1567 阅读 · 0 评论 -
30个实用的网页设计工具
作为一位网页设计师或开发者,你一直需要搜寻获取强大的网页设计工具。这能够帮助你节约时间并完成工作。以下我们列举了一系列优秀的工具,包括CSS、html generators、网页维护工具、排版工具、网站模板以及在线代码生成器等。看看一下三十种优秀网页设计工具列表,它们可以帮助你在网页设计与维护项目中节约时间。你也可以把它们设为书签,以便便捷使用。1. ExpandriveExpanDr原创 2013-05-07 21:50:22 · 1122 阅读 · 0 评论 -
分享50个优秀的电子商务网站设计案例
对于电子商务网站来说,也许销售更多产品比漂亮的外观设计更重要,不过漂亮的东西总是能给用户留下深刻的印象。今天,这篇文章与大家分享50个优秀的电子商务网站设计作品案例,希望能带给你灵感。Free PeopleMe & Mommy-to-beKeedoUNIQLOCellyShopBig Brown BoxJunstilLittle Catw原创 2013-05-27 09:20:40 · 3185 阅读 · 0 评论 -
20款英文LOGO字体
这篇文章向大家分享20款英文LOGO字体,可以免费下载使用。这些免费英文LOGO字体特别适合网页设计师和平面设计师用于制作LOGO。如果你正在寻找漂亮的免费英文LOGO字体,那么这份清单正是为你准备的。Trumania Een PlainCurvicSpin CycleGalgaAliceGoca原创 2013-05-27 09:11:30 · 2422 阅读 · 0 评论 -
五大主流浏览器 CSS3 和 HTML5 兼容性大比拼
各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善,曾经让多少前端开发人员心碎的IE系也开始拥抱标准。就在前几天,W3C的 HTML5 社区领袖 Shelley 宣布,HTML5的开发工作已经接近完成,如果进展顺利,HTML5 将在 2012 年正式成为国际标准。 当然,即使标准正式制定了,现代浏览器要普及到大部分用户也是需要一个相当漫长的过程。如果你现在就希望使用 CSS3 和原创 2013-05-27 09:16:50 · 1168 阅读 · 0 评论 -
推荐12个漂亮的CSS3按钮实现方案
在过去,我们都是使用图片或者JavaScript来实现漂亮的按钮效果,随着越来越多的浏览器对CSS3的支持和完善,使用CSS3来实现美观的按钮已没有太多的障碍。今天,本文收集了12个很不错的CSS3按钮方案并有相关的使用教程。BonBon ButtonsZardiCSS3 Buttons With Simple MarkupFancy Buttons10 Nic原创 2013-05-27 09:18:05 · 1142 阅读 · 0 评论 -
网站测试流程、要求及测试报告
网站测试流程、要求及测试报告一个网站基本完工后,需要通过下面三步测试才可以交活。一、 制作者测试,包括美工测试页面、程序员测试功能。在做完后第一时间内有制作者本人进行测试。a) 页面 包括首页、二级页面、三级页面的页面在各种常用分辨率下有无错位;图片上有没有错别字;各连接是否是死连接;各栏目图片与内容是否对应等b) 功能 达到客户要求;数据库连接正确;各个动态生成连接正确;传递参数原创 2013-05-14 09:11:59 · 4107 阅读 · 1 评论 -
国际比较流行的网页Web设计流程
1.初始架构,主要是汇集站点信息,收集站点资料,开发Web平台。2.根据汇集来的信息,初步构想,网站设计师构想的设计图发送给客户确认。3.在初步的设计图得到客户的肯定是,可以将图样用PHOTOSHOP的形式构建出来,打印出图样,再次发给客户确认。4.在图样得到客户肯定会便可以开始创建HTML结构和导航,设计师初步编制Web页面,导航也应编制到页面中,形成简单的可供客户体验的页面。5原创 2013-05-28 17:53:01 · 1234 阅读 · 0 评论 -
淘宝技术发展
一、引言 光棍节的狂欢 “时间到,开抢!”坐在电脑前早已等待多时的小美一看时间已到 2011 年 11 月 11 日零时,便迫不及待地投身于淘宝商城一年一度的大型网购促销活动 —— “淘宝双11购物狂欢节”。小美打开早已收藏好的宝贝 —— 某品牌的雪地靴,飞快的点击购买,付款,一回头发现 3000 双靴子已被抢购一空。 小美跳起来,大叫一声“欧耶!” 小美不知道,就在原创 2013-05-28 17:59:03 · 1543 阅读 · 0 评论 -
css实现强制不换行/自动换行/强制换行
强制不换行 div{white-space:nowrap;}自动换行div{ word-wrap: break-word; word-break: normal; }强制英文单词断行div{word-break:break-all;} CSS设置不转行:overflow:hidden 隐藏white-space:normal 默认原创 2013-05-16 09:31:41 · 565 阅读 · 0 评论 -
清除浮动(clearfix)
在写HTML代码的时候,发现在Firefox等符合W3C标准的浏览器中,如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有clear,导致不能被撑开。看下面的例子:HTML4STRICT代码: TEST DIV TEST DIV TEST DIV TEST DIVTEST DIV 显示的结果如下:原创 2013-05-22 09:59:39 · 734 阅读 · 0 评论 -
整理一些网页常用的tab选项卡效果
1、横向(纵向)时间轴tab标签切换和水平(垂直)下载地址:http://www.lanrenzhijia.com/tab/2362.html2、tab标签样式焦点图切换代码下载地址:http://www.lanrenzhijia.com/tab/2230.html3、多种不同方向风格的tab标签切换效果下载地址:http://www.lanrenzhijia.co原创 2013-05-12 00:30:00 · 2242 阅读 · 3 评论 -
浏览器中的开发人员工具(IE9的F12和Chrome的Ctrl+Shift+I)-网页分析的利器
【什么是浏览器中开发人员工具Developer Tools】之前无意间知道了Chrome中有个开发人员工具,后来又无意间发现IE9中也有类似的工具,都可以用来调试网页,对于网页相关开发,比如分析网页执行过程,抓取网页内容等,很有用。对于不了解的基本的抓取网页的逻辑,可以参考:【整理】关于抓取网页,分析网页内容,模拟登陆网站的逻辑/流程和注意事项【如何打开“开发人员工具”转载 2013-05-08 17:10:23 · 2331 阅读 · 0 评论 -
给网页设计师和前端开发者看的前端性能优化
如果不是不可能,你也很难拒绝承认性能目前已是任何正规网站项目的最关键方面之一,无论它是一个小型的网站组合,一个移动优先的web应用,一直到一个大规模的商业项目。研究,论文和个人体验都告诉我们快速是最好的。性能不仅仅是非常重要,它也相当的有趣,而且这也是我越来越投入的事,不仅在工作方面(我一直在烦我们的首席性能工程师),也在项目与CSS魔法网站方面(我一直在烦Andy Davies)。在这篇转载 2013-05-07 21:48:01 · 783 阅读 · 0 评论 -
CSS之关于clearfix--清除浮动
一,什么是.clearfix你只要到Google或者Baidu随便一搜"css清除浮动",就会发现很多网站都讲到"盒子清除内部浮动时可以用到.clearfix"。.clearfix:after { content: " "; display: block; clear: both; height: 0;}.clearfix { zoom: 1;}div cla原创 2013-05-22 10:00:08 · 1597 阅读 · 0 评论 -
10 个基于 Web 的 HTML5 音乐播放器
HTML5 是一种用于创建和呈现的网页内容的语言。这是一个革命性的语言,它拥有一些真正棒的功能和一个新的HTML5规范允许本地音频流的播放。本文向你推荐 10 个最棒的 HTML5 音频播放器,看看你喜欢哪个!SpeakkerSpeakker 是一个基于 Web 浏览器的音乐播放器,只提供很多高级播放功能包括播放列表管理和分享。audio.js原创 2013-05-09 00:15:00 · 1678 阅读 · 0 评论 -
IE6为什么在中国还活得很好
目前的浏览器市场格局逐渐成熟,主流品牌如IE、火狐(Firefox)、Opera、Safari、谷歌浏览器(Google Chrome)等。 IE6是微软Internet Explorer浏览器中的一个版本,是10年前随着Windows XP一同发布的,这款整天被各大浏览器厂商和安全厂商甚至各国政府笔伐口诛的浏览器,现在连微软自己都希望IE6尽早消失,而国际上,同门师弟IE8在发布不到一年的时间里转载 2013-05-09 00:17:12 · 918 阅读 · 1 评论 -
IE10开发人员工具详解
现在网上关于IE10的开发人员工具并没有详细的中文资料,所以许多开发人员对IE10提供的开发人员工具知之甚少。但是IE10的开发人员工具功能强大,非常值得广大开发人员,甚至IE10的普通使用者学习使用。因此,本文将尽力介绍IE10的开发人员工具、其使用方法及其优缺点。 IE10开发人员工具是一个轻量级的开发调试工具,其菜单项包括:文件、查找、禁用、查看、图像、缓存、验证、浏览器模转载 2013-05-08 17:11:24 · 1603 阅读 · 0 评论 -
div层的叠加效果
貌似很多同学对为什么这个div在上层,那个div在下层、无论如何设置z-index都无法居上的问题纠结抓狂、上吐下泻、恶心失眠、郁郁而终,致使不敢随意使用层的叠加。但层的叠加效果,在交互设计中却频频出现,所以我们必须驾驭它,要驾驭它,就要掌握其规律。首先明确几点在文中所需要用到的概念:静态定位:position:static(为position属性的默认值)。 动态定位:positio原创 2013-05-22 16:24:03 · 1211 阅读 · 0 评论 -
图片热点的使用,html <area> 的用法
标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面。其基本语法结构如下: class和id:是分别指定热点的类型和id号。 alt:用于设定热点的替代性文字。 href:用于设定该热点所链接的url地址。 shape和coords:是两个主要的参数,用于设定热点的形原创 2013-05-22 17:47:58 · 1195 阅读 · 0 评论