css
文章平均质量分 50
goby2008
这个作者很懒,什么都没留下…
展开
-
针对firefox ie6 ie7的css样式
本人专业是做UI的,写CSS已经有好几年了,目前刚刚在博客发布关于CSS的文章,欢迎有问题的朋友在有问必答论坛提问,我一定尽力解答。1 针对firefox ie6 ie7的css样式现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致页面没按要求显示!找到一个针对IE7不错的hack...原创 2010-11-01 11:21:22 · 101 阅读 · 0 评论 -
css竖向tab
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><原创 2010-07-19 15:59:56 · 212 阅读 · 0 评论 -
css自动截取字符串
<style>body{background-color:#f4f4f4;font-size:12px;}div.test{width:200px;height:100px;border:1px solid red;border-top:4px solid red;padding:10px;overflow:hidden;text-ove...原创 2010-07-19 15:46:23 · 82 阅读 · 0 评论 -
去掉焦点虚线
在网上找到的方法,挨个试了下:一 在<a>标签中加入onFocus="this.blur()"语句: <a href="#" onFocus="this.blur()">try</a>方法笨,但是好使,兼容ie,ff。二 在<a>标签中加入hidefocus: <a href="##原创 2010-07-19 15:39:13 · 118 阅读 · 0 评论 -
5个按钮的样式
5个按钮的样式原创 2010-07-19 15:20:13 · 163 阅读 · 0 评论 -
纯CSS实现侧边栏/分栏高度自动相等
纯CSS实现侧边栏/分栏高度自动相等.这里直接介绍我认为的最佳的侧边栏/分栏高度自动相等方法。核心的CSS代码如下(数值不固定):margin-bottom:-3000px; padding-bottom:3000px;再配合父标签的overflow:hidden属性即可实现高度自动相等的效果。举个简单的实例吧,如下CSS及HTML代码:#content{o...原创 2010-07-16 15:48:32 · 121 阅读 · 0 评论 -
50 个Web 设计师必备的超便利工具
http://www.bbon.cn/2010/07/50-essential-web-design-tool-for-ultra-convenience.html css 教程http://tympanus.net/codrops/2010/05/27/awesome-mobile-image-gallery-web-app/ Pencil Project: Sk...原创 2010-07-12 14:59:02 · 126 阅读 · 0 评论 -
css 网站收藏
http://www.webdesign.org/web/photoshop/tutorials/ (photoshop 教程)http://atomeet.com/http://www.3000k.com/ *http://aperfolio.com/ http://www.branded07.com/ http://aviary.com/home https://www.bur...2009-02-16 23:10:02 · 92 阅读 · 0 评论 -
css之自动换行
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html<div id="wrap">正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:n...原创 2009-07-23 10:08:58 · 74 阅读 · 0 评论 -
颜色让人感觉很舒服.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>原创 2010-07-19 16:05:32 · 155 阅读 · 0 评论 -
一些三角形的CSS写法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><原创 2010-07-19 16:08:54 · 121 阅读 · 0 评论 -
网站导航设计趋势案例集合
在网站应用性中,导航菜单应该是最重要的部分了,优秀的导航设计不仅可以方便用户浏览网站内容,还能在第一时间给用户准确的信息传达,直观地表现网站的内容涉猎,让用户更方便地找到想要的需要的内容,这里整理了当前网站设计中流行的特色导航设计案例,这也表明了网站导航设计的一个未来趋势。3-D 导航3-D 风格的导航菜单可以表现的更突出,能在整个页面的设计中凸显导航功能,并且向用户传达直观的可操作性...原创 2011-05-18 17:32:00 · 210 阅读 · 0 评论 -
推荐12个漂亮的CSS3按钮实现方案
在过去,我们都是使用图片或者JavaScript来实现漂亮的按钮效果,随着越来越多的浏览器对CSS3的支持和完善,使用CSS3来实现美观的按钮已没有太多的障碍。今天,本文收集了12个很不错的CSS3按钮方案并有相关的使用教程。BonBon ButtonsZardiCSS3 Buttons With Simple MarkupFancy Buttons10 Nic...原创 2011-05-13 23:01:19 · 357 阅读 · 0 评论 -
28组精心挑选的网页背景材质+Menu
28组精心挑选的网页背景材质 http://xheditor.com/demos/demo10.html http://www.jb51.net/jiaoben/28078.html http://blog.gaoso.com.cn/category/web-design原创 2010-07-01 13:44:23 · 84 阅读 · 0 评论 -
JS无间隔滚动代码(三种效果)
JS无间隔滚动代码(三种效果)原创 2010-08-24 16:50:15 · 98 阅读 · 0 评论 -
点击按钮复制文本框内容
点击按钮复制文本框内容预览地址:http://www.365css.cn/example/copyinput/但IE6两行JS代码就可以,IE7以上也差不多,只不过出来一个安全提示比较恶心,用户如果看到了,一定有怀疑;再但就是Firefox、Chrome等根本就不让你复制;记得以前网上有这方面的代码,找了一下,发现全部不能在firefox3.5以上的版本中应该,最后终于找到了一个,代码还相...原创 2010-08-24 16:47:24 · 133 阅读 · 0 评论 -
IE6下line-height 失效的解决办法
IE6下使用line-height时候, 全文字会垂直居中对齐的, 如果当文字遇到图片, 文本框, 下拉框等其他元素时候在ie6下就会失效, 很多人一般用padding的方法来解决的。 这里说下另种方法。先看下效果:点击阅览IE6下line-height 失效的解决办法点击预览页面,可以查看源文件。里面也有详细说明。 以下是解决 IE6下line-height 失效的解决办法 主要代码...原创 2010-08-24 16:45:33 · 133 阅读 · 0 评论 -
用CSS让文字居于DIV的底部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html;2010-03-02 12:55:13 · 914 阅读 · 0 评论 -
freecsstemplates
http://www.freecsstemplates.org/css-templates/原创 2010-03-01 16:36:17 · 140 阅读 · 0 评论 -
利用CSS省略长句
当一句话很长的时候,为了控制页面美观,往往通过截取字符串的方式来实现,可是这种方式在控制字母和汉字混合的句子时,情况就有点复杂,而另一种通过CSS样式单的方式则相对简单的多: <DIV STYLE="width: 120px; height: 50px; border: 1px solid blue; overflow: hidden; text-overfl...原创 2010-08-01 11:32:13 · 66 阅读 · 0 评论 -
资源和素材
50+Web设计工具、资源和素材 10款有趣的免费字体 http://www.instantiations.com/prods/docs/download.html http://www.d500.com.cn/html/png/page-2.html2009-07-01 14:39:39 · 138 阅读 · 0 评论 -
web2.0按钮制作教程
web2.0按钮制作教程原创 2009-06-23 21:43:52 · 114 阅读 · 0 评论 -
CSS中背景图片定位方法
在CSS中,背景图片的定位方位有3种:1)关键字:background-position: top right;2)像素:background-position: 0px 0px;3)百分比:background-position: 0% 0%;上面这三句语句,都将图片定位在背景的左上角,表面上看效果是一样的,实际上第三种定位机制与前两种完全不同。前两种定位,都...原创 2009-04-25 23:29:18 · 173 阅读 · 0 评论 -
2008年50个最佳CSS设计
这是 webdesignerwall.com 2008年精选的50个最佳 CSS 设计,素材来源是 Best Web Gallery。从今年的设计趋势来看,越来越多的人使用大背景,以及 JavaScript 框架( jQuery 与 MooTools)来增强用户界面。也有个别设计,将 Flash 与 CSS 结合起来使用,这也许是2009年的趋势。Let It Bleed 夺目...原创 2009-04-25 11:19:43 · 149 阅读 · 0 评论 -
CSS学习精品网站推荐
目前网页标准已是大势所趋。正如原始的品网站点,下面的这些站点将一如既往地显示群聚的力量。 凝视世界顶尖WEB设计师的标准制作,感受标准的气氛,掀起学习标准的浪潮。 CSS设计师们,+U吧。 CSS ZenGarden: http://www.csszengarden.com/ CSS禅意花园是最富盛名的CSS设计陈列馆,DaveShea在创办之初是为了让网页设计师通过CSS样式表针...原创 2009-04-23 22:34:23 · 84 阅读 · 0 评论 -
让并排的两个Div自适应高度(一样高)
由于设计页面需要,要把两个并排显示的div实现一样高的效果,n行n列布局,每列高度(事先并不能确定哪列的高度)的相同,是每个设计师追求的目标。方法有以下几种:1、JS实现(判断2个div高);2、纯css方法;3、加背景图片实现。首先说下本博客实现的2个div一样高的方法(即js方法)。 div+css基本布局: <div id="mm"><div ...原创 2009-04-22 22:20:24 · 1464 阅读 · 0 评论 -
国内比较好的几大酷站收藏网分享
爱酷站 http://www.icoolz.com.cn设计路上 http://www.design63.com.cn68design的酷站加油 http://main.68design.net/cool/依儿酷站 www.yi2.net酷站营 http://cwd.52design.com business-cardshttp://business-cards.com/ ht...2008-10-27 22:06:25 · 262 阅读 · 0 评论 -
css网址
http://www.comsharp.com/GetKnowledge/zh-CN/TeamBlogTimothyPage_K713.aspx http://www.cssmoon.com/ http://cssmania.com/ http://www.csscool.cn/ http://www.malaysiaandtourism.com/ http://www.wpine.org...2008-10-22 23:13:27 · 191 阅读 · 0 评论 -
网站赏识
http://www.panic.com/coda/ http://productplanner.com/signup http://productplanner.com/gallery/ http://www.divvoted.com/ * http://31three.com/* http://www.pixel-house.com.au/*htt...2009-04-07 22:53:12 · 65 阅读 · 0 评论 -
一个不错的网页设计网站
www.sj33.cn2009-04-07 16:49:17 · 99 阅读 · 0 评论 -
36个漂亮的登录界面设计
http://www.qianduan.net/?p=6855原创 2009-03-30 10:06:32 · 1544 阅读 · 0 评论 -
CSS中用百分比(数)进行背景图片定位
大部分人应该习惯于使用描述性词语(left、top、center…)或者数值(20px、1em…)对背景图片定位,百分比可能比较少用,常见的有50%、100%等数值。例如希望背景图片水平居中,距离容器顶部20px,可以使用background-position: 50% 20px; 之所以不使用background-position: center 20px; 是因为类似这种描述性...原创 2009-04-26 00:02:11 · 282 阅读 · 0 评论 -
CSS中背景background-position负值定位深入理解
CSS中背景定位background-position负值一直是不好理解的难点,一方面用的比较少,另一方面的理解的不够深入,今天花了点时间认真的思考了,把我的心得写出来. 下面是我要用到的一个背景图: 运行下面代码: Source Code to Run [www.52css.com] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML...原创 2009-04-26 00:12:12 · 106 阅读 · 0 评论 -
web2.0网站配色方案
CSS:.case01{border:1px solid #96c2f1;background:#eff7ff} .case02{border:1px solid #9bdf70;background:#f0fbeb} .case03{border:1px solid #bbe1f1;background:#eefaff} .case04{border:1px solid...原创 2009-06-23 21:39:21 · 117 阅读 · 0 评论 -
2009年6月网站赏识
40个漂亮的简约风格网站设计(二) http://www.qianduan.net/40-beautiful-minimalism-style-web-design-2.html 15个梦幻的登录页面设计展示 http://www.qianduan.net/15-dreams-of-the-login-page-design.html 36个漂亮的登录界面设计 ...2009-06-23 21:26:24 · 80 阅读 · 0 评论 -
10个轻量级CMS网站内容管理系统
这里推荐的10个简单轻量级的网站内容管理系统对于每一个Web设计师和Web开发人员来说,都是简单易用的,是一般小型网站的可选实现方案,10个CMS系统各有特色。Wolf CMSGet SimplePerchsNewsZimplet CMSPageLimeSurreal CMSCMS Made SimpleSimple CMS...2010-03-25 10:13:49 · 160 阅读 · 0 评论 -
10个优秀的 Web UI库/框架
UI(User Interface)即用户界面,也称人机界面。是指用户和某些系统进行交互方法的集合,实现信息的内部形式与人类可以接受形式之间的转换。本文为WUI用户整理了10个优秀的 Web UI 库/框架,为你的下一个Web设计的高效开发作好准备。 1. IT Mill ToolkitIT Mill Toolkit是一个开源的Web UI 框架,为富 Web 应用程序提供widget...2010-03-25 10:03:49 · 106 阅读 · 0 评论 -
网站素材
前端观察http://www.qianduan.net/12-free-high-resolution-photoshop-gimp-brushes-download.html2009-06-14 10:52:39 · 68 阅读 · 0 评论 -
网站欣赏上
时代财富科技公司http://www.fortuneage.com/case.aspx Archive for '资源共享'http://www.sinid.com/category/share/2008-12-19 11:03:34 · 255 阅读 · 0 评论 -
详解建立Flash上面浮动层-CSS布局实例
http://www.mb5u.com/divcssjiaocheng/13856.html详解建立Flash上面浮动层-CSS布局实例原创 2008-12-16 13:22:58 · 148 阅读 · 0 评论