Web开发者不容错过的20段CSS代码【Mark】

摘要:共享已成为互联网的一种主流,尤其是分享一些非常实用的技术,本文收集了20段非常专业的CSS 2/CSS 3代码片段给大家,你可以把它们保存在IDE里、或者存储在CSS文档里,这些代码片段绝对会给你带来意外的惊喜。 Web开发技术每年都在革新,浏览器已逐渐支持CSS3特性,并且网站设...

2013-05-27 15:29:41

阅读数 998

评论数 0

解决 IE6 position:fixed 固定定位问题

就像你所遇到的问题一样, IE6 有太多的 bug 让制作网页的人头疼。这篇文章介绍的是介绍我的如何解决 IE6 不支持 position:fixed; 属性的办法。 关于 position:fixed; 属性 生成绝对定位的元素,相对于浏览器窗口进行定位。 元素的位置...

2013-03-12 14:11:59

阅读数 721

评论数 0

CSS透明属性详解

透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码: .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } 上面...

2013-03-09 16:28:06

阅读数 612

评论数 0

网页设计师必备的10个CSS技巧

CSS是网页设计师的基础,对CSS的了解能使他们能够设计出更加美观别致的网页。使用CSS技巧来巧妙地处理CSS是非常令设计师着迷的事情。在CSS的深海世界里有很多有意思的东西,你只需要找到最适合你的就好。当然我们不可能一下子就记住所有CSS的规则和语法,但为了以后的发展我们还是应该记住那些非常有用...

2013-02-07 13:37:37

阅读数 749

评论数 0

网页颜色搭配技巧 文字字体、字号、字体排版等

对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但是,浏览一下大型的商业网站,你会发现他们更多运用的是白色、蓝色、黄色等,使得网页显得典雅,大方和温馨。更重要的是,这样可以大大加快浏览者打开网页的速度。 一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字...

2012-12-14 16:59:11

阅读数 2011

评论数 0

css之z-index探讨

CSS教程:彻底掌握Z-index属性 大多数的CSS属性都很容易使用。常常,当您对标记语言的元素使用CSS属性时,产生的结果会随着您刷新页面而立即呈现。而另一些CSS属性,却会有一些复杂,且只能在给定的环境下才会工作。 Z-index属性便属于上面所说的后面的那一组。Z-in...

2012-11-13 08:41:01

阅读数 508

评论数 0

overflow知多少

最近在研究OOCSS,当打开template.css阅读第一行时,震惊了,第一眼居然没看懂。。。。。。以下就是OOCSS下的template.css第一行代码: 1 2 .body{overflow:hidden; _overflow:visible; ...

2012-10-24 17:53:34

阅读数 604

评论数 0

完美解决CSS网页水平居中

同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋,下面让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。   CSS常见的让元素水平居中显示方法   用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看...

2012-10-23 09:32:37

阅读数 556

评论数 0

css行高line-height的深入理解及应用

一、前言 前两天在腾讯ISD团队博客上看到一篇翻译的文章“深入理解css 行高”(http://isd.tencent.com/?p=1503),是个不错的文章,学到了不少东西,建议您看看。 这里,我也要讲讲我对line-height的一些理解,所讲解的东西绝大多数与上面提到的“深入理解css...

2012-10-22 09:12:28

阅读数 2915

评论数 0

大小不固定的图片、多行文字的水平垂直居中

本文地址:http://www.zhangxinxu.com/wordpress/?p=61 本文综述 想必写css的都知道如何让单行文字在高度固定的容器内垂直居中,但是您知道或者想过让行数不固定的文字在高度固定的容器内垂直居中呢?本文将会告诉你如何实现多行文字的垂直居中显示。 关于图片垂直...

2012-10-22 09:09:28

阅读数 1531

评论数 0

技术分享 IE6不支持min-height的解决办法

本文和大家重点讨论一下IE6不支持min-height的解决办法,这里主要包括两种解决方案,相信本文介绍一定会让你有所收获。 IE6不支持min-height的解决办法 最小高度min-height是很有用的,但IE6却不支持。真烦人。有没有办法呢? 第一种方法:我们可以利用IE...

2012-10-15 11:14:08

阅读数 640

评论数 0

CSS 颜色代码大全

CSS颜色代码大全         FFFFFF #DDDDDD #AAAAAA #888888 #666666 #444444 #000000 #FFB7DD #FF88C2 #FF44AA  #FF0088  #C10066  #A20...

2012-09-26 15:33:30

阅读数 976

评论数 0

拿什么来拯救你,我的table

原文转自:http://www.hicss.net/how-to-save-you-my-table/ table曾经在网页开发中占据着举重若轻的地位——布局,即使到了Web2.0我们依旧可以看到其布局的身影。然而技术是不断进步的Div+Css组合方式终究敲开了老式布局的大门刮起了新的一轮布局浪...

2012-09-19 17:20:08

阅读数 574

评论数 0

我知道你不知道的负Margin

原文转自:http://www.hicss.net/i-know-you-do-not-know-the-negative-margin/ 现如今,负margin技术的应用可谓越来越广,任一个大型站点惊鸿一瞥之下都会有其身影所在。个人认为负margin技术是学习css路上必不可缺少的课题之一,许...

2012-09-19 17:10:43

阅读数 565

评论数 0

CSS 定位 (Positioning)浅析

position的四个属性值: relative 相对定位 absolute 绝对定位 fixed 固定定位 static 静态定位 下面分别讲述这四个属性。 sub1 sub2 1. relative relative属性相对比较简...

2012-09-18 14:47:41

阅读数 507

评论数 0

CSS中不为人知Zoom属性的使用介绍(IE私有属性)

点评:这里我们介绍一下CSS中的Zoom属性,这个属性一般不为人知,甚至有些CSS手册中都查询不到。 实Zoom属性是IE浏览器的专有属性,Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外,它还有其他一些小作用,比如触发ie的hasLayout属性,清除浮动、清除mar...

2012-09-18 09:40:08

阅读数 1156

评论数 0

CSS模式之三权分立

原文转自:http://www.hicss.net/separation-of-powers-model-in-css-design-patterns/   市面上我们常常会看到各种各样的设计模式书籍,Java设计模式、C#设计模式、Ruby设计模式等等。在众多的语言设计模式中我唯独找不到关于...

2012-09-14 13:45:33

阅读数 519

评论数 0

不要告诉我你懂margin

你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪些?…… 写cs...

2012-09-14 13:08:07

阅读数 491

评论数 0

用Margin还是用Padding

原文转自:http://www.hicss.net/use-margin-or-padding/   用margin还是用padding这个问题是每个学习CSS进阶时的必经之路。 CSS边距属性定义元素周围的空间。通过使用单独的属性,可以对上、右、下、左的外边距进行设置。也可以使用简写的外边...

2012-09-14 11:21:25

阅读数 401

评论数 0

CSS 中 position:absolute 与 z-index 对层次结构影响

1. 不使用 position 这种情况下每一层都遵循 HTML 定位规则,其中的 left,right,top,bottom 定位信息对其无效,z-index 也不会发挥作用因为没有层叠的情况出现. 2. 使用 absolute 如两个绝对定位对象的 z-ind...

2012-09-14 10:05:07

阅读数 856

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭