肆無忌憚
共有 36 条记录,本页显示第 1~10条

合理架构css (转)所属分类:XHTML-CSS

做XHTML/CSS已久,深觉规范的重要性,最近我也在制作一份内部使用的XHTML/CSS代码元件库,这样程序员们要用的时候,组合一下就可以给他们去用。今于w3pop看到一篇关于css架构的文章,转于此给大家做个参考。在当前浏览器普遍...文件的组织构建css系统的第一步是大纲的拟定。(我认为)css组织规划的重要性堪比网站目录结构。(HTMLor注:用词夸张一点,让你加深记忆)没有哪种方案放之四海而皆准,因此我们会讨论一些基本的组织方案,以及它们各自的利弊...

发布时间:2007-06-07

css小技巧所属分类:XHTML-CSS

应用CSS已经多年,也算熟悉,看到一篇老文章,觉得总结得还不错,于是转载于此,有时间的话也应该写写自己的心得。1.css字体简写规则当使用css定义字体时你可能会这样做:font-size:1em;line-height:1.5em;font-weight:bold;font-style:italic;......有任何规则重叠,那么后一个将获得实际的优先应用。3.css中边框(border)的默认值当编写一条边框的规则时,你通常会指定颜色、宽度以及样式(任何顺序均可)。例如:border:3pxsolid#000(3像素宽的黑色实线边框),其实这个例...

发布时间:2006-12-22

CSS3按钮--10几组范例以及相关的教程所属分类:XHTML-CSS

或者JavaScript来创建非标准的漂亮的按钮。随着浏览器对CSS3的越来越多的支持,我们已经可以不受阻碍地使用CSS3按钮了。使用CSS3的属性,有着设计按钮的巨大空间,使用border-radius实现圆角,使用linear-gradient以及box-shadow来实现渐...GitHub-StyleCSS3Buttons这是一个简单的CSS框架,用以创建GitHub风格的按钮。这些按钮可以拥有圆角以及按钮(事先将按钮图标列表使用CSSsprite技术做好)ZardiZardi是一个已经制作好的CSS文件,可以创建各种颜色和形状的按钮。这个文件...

发布时间:2011-04-20

【IE6的疯狂系列】IE6 BUG大全(转)所属分类:XHTML-CSS

llip;…【IE6的疯狂之一】IE6中奇数宽高的BUG:http://www.css88.com/archives/1725【IE6的疯狂之二】IE6中PNGAlpha透明:http://www.css88.com/archives/577【IE6的疯狂之三】IE63像素BUG的实例:http://www.css88.com/archives/117【IE6的疯狂之四】IE6文字溢出B...【IE6的疯狂之八】链接伪类(:hover)CSS背景图片有闪动BUG:http://www.css88.com/archives/744【IE6的疯狂之九】li在IE中底部空行的BUG:http://www.css88.com/archives/1111【IE6的疯狂之十】父级使用padding后,子元素绝对定位的BUGhttp://www.css88.com/arc...

发布时间:2010-06-11

2008年国外最佳Web设计/开发技巧、脚本及资源总结(转)所属分类:界面与交互设计

这个时候再来转载这篇文章,确实是不早了,但是东西还是有用的,转载的是彬Go翻译的版本。这篇文章将为大家总结08年国外一些比较不错的前端开发相关的教程、技巧、脚本、实例及工具资源等,有一些是曾经彬Go发表过的翻......14个免费工具让你了解为什么人们会放弃访问你的网站40+CSS生成器74个我们可能已经忘记的适合网页设计师的很棒的Web应用50+能提高你的网站速度和性能的技巧和资源15个可以监视网站人气的工具20个免费的SEO网站分析工具(已翻译...

发布时间:2009-07-10

网页分段加载与首屏渲染优化所属分类:网页标准

SON编码的对象(即pagelets),里面包含了pagelet需要的所有CSS、JavaScript资源、HTML内容以及一些元数据"。...的HTML标记。网络传输:响应从Web服务器传送到浏览器。CSS的下载:浏览器下载网页的CSS的要求。DOM树结构和CSS样式:浏览器构造的DOM文档树,然后应用它的CSS规则。JavaScript中下载:浏览器下载网页中JavaScript引用的资源。JavaScrip...

发布时间:2014-05-30

兼容FF的网页变灰:CSS pointer-events 让下层元素被点击(转)所属分类:XHTML-CSS

之上,而希望下面的那个元素成为可点击的?现在,利用css的pointer-events属性即可做到。CSSpointer-eventsPointer-events原本来源于SVG,目前在很多浏览器中已经得到体现。不过,要让任何HTML元素生效还得借助于一点点css。该属性称之......t;<htmllang="en"><head><metacharset="utf-8"><title>CSSpointerevents</title><style>.container{position:relative;width:370px;font:15pxVerdana,sans-serif;margin:10pxauto;}.overlay{position:absolute;right:0px;top:0;width:40px;height:40px;background:rgba(0,0,0,0.5);}.p...

发布时间:2010-05-08

纯粹用CSS做出来的Icon,你相信吗?所属分类:图形艺术

如果告诉你下图中的Icon纯粹是用CSS做出来的,你相信吗?...此我建议您访问一下他们的页面,亲自体验一下IconsinPureCSS。为了看到效果,最好使用最新版的Safari5,或者是Chrome,使用最新版的Safari5可以看到完整的效果,我对比了Chrome的效果,好像Chrome还是有些细节有问题,但是在Safari5中...

发布时间:2010-07-07

闲聊CSS之关于clearfix--清除浮动所属分类:XHTML-CSS

一,什么是.clearfix你只要到Google或者Baidu随便一搜"css清除浮动",就会发现很多网站都讲到"盒子清除内部浮动时可以用到.clearfix"。.clearfix:after{content:"";display:block;clear:both;height:0;}.clearfix{zoom:1;}<divclass="clearfix"><divclass="floated"......<html><head><title>Demo</title><styletype="text/css">html,body{padding:0;margin:0;}ul{margin:0;padding:0;}.clearfix:after{content:"";display:block;clear:both;height:0;}.clearfix{zoom:1;}.left-col{background:red;float:left;width:100px;height:300px;}.right-col{margin-left...

发布时间:2011-04-15

推荐一个实用的Javascript开发工具 - Aptana所属分类:软件试玩

的,都会有称手的开发工具,如开发html有dreamweaver、开发CSS有TopStyle......当然也有人用记事本、EditPlus、Emeditor、UltraEdit,可是一直都没有找到一个很让人满意的Javascript开发工具,没有一样是很称手的。下面隆重介绍今天的主角......。不仅仅是javascript,智能提示的范围还包括DOM1,2forHTML:CSS:看到后面的黄框框了吗?那是VS里称为QuickInfo的东西。错误提示--一个都不能少:Doumentoutline(文档结构)CSS、HTML、JS统一显示:代码折叠、项目管理这些小菜不用讲...

发布时间:2006-12-21