【1】【原创】按时间段调用不同CSS
具体代码：<link rel="stylesheet" type="text/css" href="<?php $hour=date("H");if ($hour<12) echo "/skin/skyzsyone/css/style-blue.css"; elseif ($hour<17) echo "/sk..
【2】若IMG的src为空时，则不显示img，否则就显示img的方法
以下是用JS控制html中的IMG标签的两种方法：方法一：隐藏某一个特定的IMG<img src="" onerror="this.style.display='none'"> <img src="http://www.baidu.com/不存在.j..
【3】【原创】纯css 让图片等比例缩放
本站CSS
#nrjuzhong img{
/*margin:auto;*/
/*vertical-align: middle;
text-align: center;
display:block;*/
/*思良：上面图片居中，下面自动略缩*/
max-w..
【4】【原创】自定义按钮的一个样式效果
input[type="submit"], input[type="reset"]{ /* 按钮边框效果 */ border:0px; padding:5px 15px 5px 15px; cursor:pointer; font-family: 'Droid Sans'; font-siz..
【5】css实现超出div长度文字自动隐藏或用省略号表示
在网页设计中，一些区域的标题文字是不能换行的，例如首页显示的文章标题，因为布局是固定的，换行会打乱布局，从而使网页产生错位。因此，我们需要一行一段文字，超出行宽的文字用省略号..
【6】如何让一个行内元素（如一张图片）在div中居中
（1）第一种：用vertical-align <div class="method1"> <span class="tiptop"></span> <img class="test" src="img/Dota2.jpg" alt="dota2"> </div> <style> .method1{..
【7】纯css的防止图片撑破页面的代码(图片自动缩放)
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title>
<style type="text/css">
.content-width {MARGIN: auto;WIDTH: 600..
【8】【原创】用CSS把DIV固定到最下面（别人那里抠来的）
代码： <!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, user-scalable=0;"><meta charset="UTF-8"> <s..
【9】用css实现文字的自动隐藏
不可换行 <NOBR></NOBR> （不换行）
overflow
版本：CSS2 兼容性：IE4+ NS6+ 继承性：无
语法：
overflow : visible | auto | hidden | scroll
参数：
visible : 不剪..
【10】关于CSS Sprite切图技术
我们经常看到一个页面上有很多小图标，可是当我们用工具去打开时却发现这些小图标其实在一张图片上，这是怎么实现的呢这当中用到了CSS Sprites切图技术。CSS Sprites其实就是把..
【11】利用CSS定位背景图片 background-position
我们在研究其他的网站的样式的时候经常会发现一种情况，就是在很多background属性里都调用同一张图片，来满足网页各个部分的使用。打开这种图片看一下，会发现这张图片上包含了很..
【12】巧用css实现强制不换行、自动换行、强制换行
我们在写页面代码的时候，有时把一个表格的宽度定死后会出现里面的文字不见了，特别是英文。这就是他换行了所导致的，这时我们就需要加些CSS元素让它来听我们的话！根据自己以往的..
【13】HTML+CSS+JAVAscript详细手册大全
电子书下载地址..
【14】CSS滤镜应用集锦
在网页制作中使用CSS，这已是众所周知，而关于CSS滤镜使用的却介绍得不多。其实，CSS的滤镜在Dreamweaver 3中用起来也很方便，且能使文字产生一种类似图象的效果，但比起图片来可就瘦..
【15】CSS滤镜详解
滤镜说明： alpha：设置透明层次
blur：创建高速度移动效果，即模糊效果
chroma：制作专用颜色透明
DropShadow：创建对象的固定影子
FlipH：创建水平镜像图片
FlipV：创建垂直镜像图片
gl..
【16】CSS网页设计：百分比进行背景图片定位
此文为后来的教程做铺垫，转自这儿。百分数定位很有意思，可以实现非凡的效果。大部分人应该习惯于使用描述性词语（left、top、center…）或者数值（20px、1em…）对背景图..
