CSS
文章平均质量分 67
code2017
分布式服务和跨平台开发
展开
-
创建漂亮的CSS样式表
作为一个CSS方面的专家,所做的不只是记住选择符(Selectors)那么简单,提升样式表的效用和可维护性,以及设计蓝图和管理工作流程都是工作的一部分.在本篇文章中,Jina Bolton给出了10个CSS技巧提示,这些内容是由对12位顶尖的设计者的调查提炼而来.接下来,我将原创 2011-09-17 14:01:20 · 2095 阅读 · 0 评论 -
正点CSS实例---scrollbar 滚动条颜色 设置
*********************{SCROLLBAR-FACE-COLOR:#3399cc; SCROLLBAR-HIGHLIGHT-COLOR: white; SCROLLBAR-SHADOW-COLOR: white; SCROLLBAR-ARROW-C原创 2011-09-19 09:16:45 · 5730 阅读 · 0 评论 -
CSS精灵1
引言: 提高网页显示速度最有效的一个方法是减少页面的HTTP请求次数,为了减少HTTP请求次数,最直接有效的方法是使用精灵图片(CSS sprites),精灵图片是把许多图片放到一张大图片里面,通过CSS来显示图片的一部分。本文的目的不是阐述精灵图片如何让网页下载更快,原创 2011-09-19 15:24:54 · 616 阅读 · 0 评论 -
CSS精灵2
这节要讲解的是CSS+DIV教程中一个非常实用的技术:CSS Sprites。这不是什么新的技术,只是对于新手来说是新的。它对网页的制作非常有用,希望大家仔细看下面的文章:CSS Sprites介绍:CSS Sprites在国内很多人叫css精灵,也有叫CSS雪碧。我喜欢原创 2011-09-19 15:51:01 · 786 阅读 · 0 评论 -
18个CSS精简压缩工具和技巧
我们已看过8个在线CSS优化工具和CSS代码精简技巧,本文则为你带来18个CSS精简压缩工具和技巧。压缩还是不压缩在我们讨论如何压缩CSS之前,需要注意一下在压缩和代码的易读性上常常要有个平衡。很多编码者以其CSS组织清晰为傲,而且并不希望自己的代码被 通过压缩器去掉注释转载 2011-09-17 18:56:38 · 1399 阅读 · 0 评论 -
CSS网页图标
设置网页图标-->linkrel="shortcut icon" href="/favicon.ico"> 设置地址栏图标-->linkrel="icon" type="image/gif" href="/animated_favicon1.gif">原创 2011-09-19 15:48:40 · 715 阅读 · 0 评论 -
JS,获取xml的值
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");//创建XML的ActiveXObject对象 --IE xmlDoc.async="false"; xmlDoc.load("14-2.xml");原创 2011-09-19 23:17:31 · 2878 阅读 · 0 评论 -
CSS细节--background-image
美景寻踪 为了 达到在 背景图片下有文字的解释h3{background-image:url(bg.gif) no-repeat left center;/* 注意在背景图片的设置中一定要记得 设置背景图片的位置。不然会看不到背景图片 */}原创 2011-09-20 18:17:48 · 405 阅读 · 0 评论 -
css hack
CSS hack由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器原创 2011-09-21 01:12:12 · 548 阅读 · 0 评论 -
CSS书写顺序建议及CSS HACK(FF&IE兼容)
//显示属性displaypositionfloatclearcursor…//自身属性marginpaddingwidthheight/*排版*/vertical-alignwhite-spacetext-de转载 2011-09-21 01:37:34 · 820 阅读 · 0 评论 -
52CSS.com
不要被对象、属性、方法等词汇所迷惑;最根本的是先了解最基础知识; 不要放过任何一个看上去很简单的小问题--他们往往并不那么简单,或者可以引伸出很多知识点;不会举一反三你就永远学不会; 知道一点东西,并不能说明你会全部,需要经验积累; 看再多的书是学不全的,要多实转载 2011-09-21 01:49:57 · 1844 阅读 · 0 评论 -
firefox支持的滤镜
* :-moz-list-bullet * :-moz-first-node * :-moz-last-node * :-moz-only-whitespace * :-moz-bound-element * :-m转载 2011-09-18 09:58:19 · 1032 阅读 · 0 评论 -
为什么FireFox 不支持CSS滤镜?
今天本想学习一下CSS的滤镜,可是不知道为什么FF就不买账,就是不肯显示效果.倒是IE不错,所有的滤镜效果都出来了. 难道这些滤镜都是针对IE的吗?有点不明白.下面是一些滤镜的描述,有的有示范,有的没有.(示范应该显示不出来)Alpha滤镜Blur滤镜Chro转载 2011-09-18 09:48:26 · 3108 阅读 · 0 评论 -
关于CSS样式优先级
一般情况下:[1位重要标志位] > [4位特殊性标志] > 声明先后顺序!important > [ id > class > tag ] 使用!important可以改变优先级别为最高,其次是style对象,然后是id > class >tag ,另外转载 2011-09-17 15:44:40 · 608 阅读 · 0 评论 -
DIV+CSS常见错误汇总
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因 为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误转载 2011-09-17 18:52:12 · 318 阅读 · 0 评论 -
滤镜-FireFox火狐浏览器与IE兼容问题
问题一:最简单的鼠标移过手变型的css要改了cursor:pointer;/*FireFox(火狐)不支持cursor:hand*/ dw8下面自动出来的也没有hand这个属性了,标准的是pointer问题二:FireFox(火狐)不支持滤镜最常见的半透明不支持。转载 2011-09-18 09:49:26 · 5164 阅读 · 0 评论 -
firefox和IE都支持的半透明
CSS半透明滤镜在FIREFOX和IE下面的能够通用的写法,记录下来备用:CSS代码.test{ background:#000; color:white; width:200px; position:absol原创 2011-09-18 10:00:13 · 360 阅读 · 0 评论 -
CSS float
什么是CSS Float?定义: float 属性定义元素浮动到左侧或右侧。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级元素,而不论它本身是何种元素。元素对象设置了float属性之后,它将不再独自占据一行。浮动原创 2011-09-18 20:48:17 · 635 阅读 · 0 评论 -
正点CSS实例--简单链接按钮
首页 心情日记 学习心得 工作笔记 生活琐碎 其他a{ /* 统一设置所有样式 */ font-family: Ari原创 2011-09-19 09:41:18 · 471 阅读 · 0 评论 -
css+div设计时IE与Firefox的主要区别
1、Firefox设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width。2、Firefox支持 !important, IE 则忽略, 可用 !importan转载 2011-09-17 19:13:55 · 332 阅读 · 0 评论 -
CSS基础2
img.test1{ border-style:dotted; /* 点画线 */ border-color:#FF9900; /* 边框颜色 */ border-width:5px; /* 边框粗细 */}im原创 2011-09-18 19:51:12 · 274 阅读 · 0 评论 -
正点CSS 实例---表格1
.datalist{ border:1px solid #429fff; /* 表格边框 */ font-family:Arial; border-collapse:collapse; /* 边框重叠 */}.datalist c原创 2011-09-19 00:37:19 · 605 阅读 · 0 评论 -
正点CSS实例--表格2
.datalist{ border:1px solid #0058a3; font-family:Arial; border-collapse:collapse; background-color:#eaf5ff;原创 2011-09-19 08:22:14 · 646 阅读 · 0 评论 -
CSS基础
CSS:(Cascading style sheet) 层叠样式表, 控制网页样式,将样式与网页内容分离的标记(tag)性语言。 内容 , 有一个好的开头,才可能有好的结果。 传统的HTML的缺陷:1.维护困难。 改版 如果有许多相同的标记如原创 2011-09-17 15:00:30 · 474 阅读 · 1 评论 -
CSS禅意花园---絮语 之基础
1.带有语义的标记 代码 1: 大家好 图片的好处代码 2: 大家好 图片的好处 达到的效果是一样的?你说 是不是?2.选择 DOCTYPE最开始原创 2011-09-22 20:47:43 · 1000 阅读 · 0 评论