web前端学习笔记,实践篇(二)CSS创建样式与选择器
CSS 层叠样式表CSS的创建,有四种方式,例子如下:例一:<div style="width:200px"></div>例二:<html> <head> <style type="text/css">...
PhoneGap开发不可或缺的五件装备
0 轻量级的JQUERY兼容库 JQuery已经成长的得非常强大了,但在移动设备上有些臃肿。如果你的应用只运行在WebKit内核的机器上,那么我强烈建议你换用移动版本的JQuery兼容库。 Zepto和JQ.mobi都是专门为移动设备优化后的JQ兼容库。 昨天14:00 上传下载附件 (4.42 K...
导航 – 让用户“务入其途”
导航到底有多重要?它只是简单的指路牌吗?当然不是。导航在网站架构中占据重要的位置,它决定了网站的信息范围、分类及获取路径。好的导航设计将直 接提升网站的可用性,进而提升品牌形象和网站的可信度。所以如何让进入网站的用户顺利地甚至是不知不觉地”务入其途“一直是我们不断探寻的目标。导航的种类众多,扮演的角...
10种颜色 线性渐变 web buttons按钮 兼容IE6
css3教程应用设置css3样式表代码制作10种简单css3按钮,颜色线性渐变的web buttons按钮很漂亮很给力。css3手册,css3 按钮。兼容IE6以上等多种主流浏览器。非常实用,值得收藏!演示地址:http://www.jsfoot.com/css3/demo/2012-03-29/5...
JQuery插件Style定制化方法的分析与比较
JQuery插件Style定制化方法的分析与比较1 前言最近因为项目的需要,使用了一个JQuery插件。把插件下下来后,很快我就发现,很多默认的插件Style不符合项目要求,必须要被修改。在这个过程中,我发现自己先后使用了多种不同的方法实现插件Style的定制化。很高兴最后找到了我认为最好的方法,对...
web前端学习笔记,实践篇(一)HTML
今天开始,我将写我学习时的笔记,仅限于前端,三个最基础的编程,HTML CSS JAVASCRIPT;关于HTML如何形成,以及今后的发展,我这里就不写了,只推荐《HTML权威指南第三版》这本书,上述问题,在它处能寻到解答。整个HTML页面,大致上包括四个部分,doctype html head b...
CSS 必知的7个知识点
无敌的老公昨天给俺进行了一堂css的培训~~哎,为神马老公啥都知道,我神马都不懂,自愧不如啊~~555好记性不如烂笔头,遂在此一一总结。本人小菜,从最基础的内容开始。1、width是个雷 很多页面要求宽度自适应,那么width设百分比吧,否则块元素很容易变成粘着不走的狗皮膏药 当没有定义元素宽度时,...
社交型网站首页面设计分析
本文希望通过对社交型网站主页进行的对比分析得到一些思考,并和大家分享探讨提升社交型网站的注册转化率的优秀设计原则。一般来说用户注册转化流程大致由以下几个部分组成:1.能吸引用户注册的主页内容;2.简便、快速的注册流程;3.有效的寻找、邀请朋友机制;4.吸引新用户注意力的引导。此文将探讨第一部分“吸引...
分享15套精美的 PSD 网页设计素材
设计师经常会去网上搜罗各种各样的素材,这些免费素材不仅能帮助他们节省大量的时间,而且能有很好的效果。今天这篇文章收集了15套非常精美的 PSD 网页设计素材,你可以免费下载使用。非常感谢那些很有才华的设计师分享它们的劳动成果,让更多的人可以使用他们的创意设计。记得分享和推荐一下哦 :)...
javascript正则表达式<二>
var re = /[a-z]$/; var str = "ab\ncdef"; alert(str.replace(re,"#"));//ab\ncde# re =/[a-z]$/m; alert(str.replace(re,"#"))...
兼容所有浏览器的CSS3圆角
解决CSS3圆角兼容所有浏览器的方法。本文提到了一种很不错的实现跨浏览器圆角的解决方案,但是说的不够全面,前端观察最近将整理更多更全面的资源给大家,敬请期待。 译:前一段时间,我经常收到一个关于如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML元素的问题。你或许知道CSS...
用css3写遨游的logo
实现方法:先画一个外框 width: 240px; height: 240px;border-radius: 120px;填充背景色background:#b1e4ff;描边border:2px solid #789cb6;加阴影box-shadow: 5px 5px 7px #999;给该死的fi...
如何让IE浏览器支持CSS3圆角
让IE浏览器支持CSS3圆角,在IE浏览器中实现圆角的效果,一般我们会采用圆角图片的方式来实现。那我们可以通过CSS3样式来实现网页圆角效果吗?下面我们就来介绍一些在IE浏览器中通过CSS3实现圆角的方法,如何用CSS3样式表来实现圆角效果。要注意的是,IE6/7/8这三个IE浏览器版本都不支持CS...
CSS3边框-边框颜色(border-color)
CSS3提供了新的边框 ,其中,有圆形边框,边框的颜色也是非常有趣。 Mozila / Firefox已经支持该特性,你可以创造很酷的边框。请看一个例子:在Mozilla浏览器/ Firefox中效果为:显示一灰色的边框该效果CSS3代码如下:border: 8px solid #000;-moz-...
12款有助于简化CSS3开发的工具
12款有助于简化CSS3开发的工具:网站开发者能通过CSS3为网站设计增添很多时尚元素,CSS3 对CSS规范做了很大的改进。现在,本文将为你介绍12款有助于简化CSS3开发的工具。1、CSS3 Pie:允许在IE上使用CSS3绝大部分的酷炫功能。2、CSS3 Builder:通过该工具,你可以用类...
CSS3边框背景-边框背景(-border-image)
另一个令人兴奋的新特征是边框图片。有了这项功能您可以定义一个图像被用来代替正常的边框的一个组成部分。这项功能实际上是分成了几个属性:边框和边框角的形象。这两个值是:border-image:border-top-imageborder-right-imageborder-bottom-imagebo...
用css的手段解决Google Chrome浏览器的字体最小12px问题
Google Chrome由于使用Webkit内核,所以存在一个bug,就是字体最小默认为12px,不管你css里怎么定义。用css的解决方法是加上如下定义: -webkit-text-size-adjust:none; 附:路径“Documents and Settings你的用户名Local S...
一年web前端经验整理(三)
开发工具集合:以下皆是我日常工作中所使用的工具,前端基本涵盖。网页开发工具:photoshop,Microsoft Visual Web Developer 2010 Express,Aptana Studio 3。photoshop:图片处理软件,前端的工作,只要会切图就好,所以就不多介绍了。Mi...
