分类: CSS |
预览模式: 普通 | 列表

几个css隔行换背景代码

一:
HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

查看更多...

分类:CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 169

几个CSS使用技巧

IE6实现最小高度的css属性值设置:

IE6实现最小高度
height:auto!important;height:440px;min-height:440px;

查看更多...

分类:CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 200

div+css细节,减少网站代码量

div+css布局的时候怎样做到最精简的代码,以达到极限提升网站速度的目的。

1、css样式尽量合并成一个外部文件,采用link方式导入到网页中来,可以减少不少内嵌在网页中的css代码。

2、多用全局样式,比如网页中只有一个h1标签,那么直接在css文件中定义h1的样式,如h1{......},而不要给h1标签加class或者id来定义样式,这样一来就可以省略class=""或id="",整个网页精简下来就可以简洁不少代码。

查看更多...

分类:CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 169

DIV清除浮动

CSS 使用浮动会造成布局的混乱,通常清除浮动的方法是,利用一个如下样式的空 Div:
.clear{clear:both;}
更为优良的 CSS 代码是:.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{zoom:1;}
这个方法目前已经广泛使用,

查看更多...

Tags: DIV自适应 DIV自适应高度 DIV+CSS CSS DIV清除浮动

分类:CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 257

CSS hack IE6、7、8、FF浏览器兼容

什么是CSS hack?

由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。

这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。

查看更多...

分类:CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 330

IE6,7,8,FF css hack

CSS兼容性一直是大家头疼的问题,IE6、IE7和FF已经让大家够呛。今天向大家介绍IE8的CSS hack。
不再讲废话,来(以下的IE8均指IE8正式版,版本号:8.0.6001.18702):
w.52css.com]
"\9" 例:"margin:0px auto\9;".这里的"\9"可以区别所有IE和FireFox.
"*" IE6、IE7可以识别.IE8、FireFox不能.

查看更多...

分类:CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 259

CSS 造型设计元素--精通

CSS 是现代网页设计的重要基石。Web 标准要求使用 CSS 来格式化和造型网页。其轻量级的特性,大大超越以往诸如表格之类的布局方法。
CSS 并没有想象中的难以捉摸。以下是一些利用 CSS 创建造型设计元素的技巧和技术,也包括一些结合 JavaScript 或 XHTML 以扩展网站功能的案例,适合作为学习 CSS 的基本指南。当然对于经验丰富的设计师,同样值得阅读。
1. 布局和用户界面技术
当前 CSS 主要应用于创建页面布局。利用 CSS 创造页面布局和用户界面,有几乎无限的可能性。下面是一些更有趣的技术。
The simplest way to horizontally and vertically center a DIV

查看更多...

Tags: CSS XML 设计元素

分类:CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 270

CSS常见问题汇总二

扩展框问题
如果无法将内容放入固定宽度或固定高度的框中,则框会扩展以适应内容,而不是让内容溢出框外。

影响: Internet Explorer 6.0
可能性: 很可能

查看更多...

分类:CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 254

CSS常见问题汇总

网站制作或网站设计中浮动边距加倍错误 重复缩进错误 同时出现

浮动边距加倍错误 重复缩进错误 同时出现 解决办法 display: inline;

三像素文本慢移解决方案

查看更多...

Tags: CSS 问题汇总 网站设计 经典CSS SEO 搜索引擎优化 网站推广 网页设计 CSS Hack整理 ASP 网站 视觉设计

分类:CSS | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 351