CSS技术
关注
分享
扫一扫
文章平均质量分 57
技术科
自学python中....
展开
-
网站变灰css滤镜代码
<br />以下为全站CSS代码。<br />html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }<br />使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。<br />如果网站没有使用CSS，可以在网页/模板的HTML代码的<head></head> 之间插入：<br /><style><br />html{filter:progid:DX原创 2010-07-22 14:17:00 · 701 阅读 · 0 评论 -
IE与Firefox的CSS兼容参考
<br />CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。<br /><br />常见兼容问题：<br /><br /> 1.DOCTYPE 影响 CSS 处理<br /><br /> 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行<br /><br /> 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 ma原创 2010-11-22 19:46:00 · 568 阅读 · 0 评论 -
css position: absolute、relative详解
<br />CSS2.0 HandBook上的解释： <br />设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置，他们之间不会相互影响，而会在同一位置层叠。此时对象不具有外补丁( margin )，但仍有内补丁( padding )和边框( border )。 <br />要激活对象的绝对(absolute)定位，必须指定 left ， right ， top ， bottom 属性中的至少一个，原创 2010-11-23 18:47:00 · 880 阅读 · 0 评论 -
CSS常用网站布局实例
<br />单行一列<br />以下是引用片段：<br />body { margin: 0px; padding: 0px; text-align: center; } <br />#content { margin-left:auto; margin-right:auto; width: 400px; width: 370px; } <br /><br />两行一列<br />以下是引用片段：<br />body { margin: 0px; padding: 0px; text-align: cen原创 2010-11-22 19:48:00 · 606 阅读 · 0 评论 -
CSS左图右文混排布局
CSS左图右文混排布局十年朋友，一生财富十年之间，我不认识你，你不属于我，走过渐渐熟悉的街头，十年之后，我们是朋友，还可以问候，只是再也找不到。。。 原文链接：http://www.huarenz.com/?action-viewnews-itemid-813转载 2010-10-16 14:07:00 · 4521 阅读 · 0 评论 -
CSS图文混排
<br /> <br /> <br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/ht转载 2010-10-14 13:17:00 · 2686 阅读 · 0 评论 -
三种简洁的Tab导航简析
<br />在网页中应用选项卡可以使网页显得更紧凑，结合AJAX技术可以使页面在有限的空间内展现更多的内容。本文主要介绍几种简洁的选项卡效果的实现（不涉及滑动门和AJAX），附有实例，无图片，兼容性较好，方便大家直接使用。<br />第一种形式: 通过更换显示样式实现，这种很常见，就不多说了。<br /><div id=”tabs0″><br /><ul class=”menu0″ id=”menu0″><br /><li onclick=”setTab(0,0)” class=”hover”>新闻</li转载 2010-10-11 16:13:00 · 691 阅读 · 0 评论 -
纯css圆角矩形
<br />html:<br /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml"><br /> <head><br /> <meta http-equiv="Content-Type" content="te转载 2010-10-10 09:43:00 · 737 阅读 · 0 评论 -
CSS布局--固定宽度且居中
<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Untitled Document</title> <mce:style原创 2010-10-06 09:44:00 · 1174 阅读 · 0 评论 -
8个简单实用的CSS秘诀
<br />下面列出了一些可以帮助你改善CSS样式表的简单实用的方法，如果你刚刚开始使用CSS，这篇日志可以帮助你更好的理解CSS。#1. 结构<br />保持CSS结构清晰，不仅有助于保持CSS文件的简单，也利于日后的检查、更改。<br /><br />#2. 保持简洁<br />保持代码简洁，可以大幅减小CSS文件的大小。<br /><br />#3. Padding vs. Margin<br />对于浏览器来说，Margin是兼容性最差的一个属性。因此，只要条件允许，应该尽可能的使用Padding属原创 2010-11-22 19:50:00 · 558 阅读 · 0 评论