【1】最近很火的网站右下角生成一个旋转小魔方
<div class="mofang"> <div class="cube"> <div class="front"> <a href="javascript:void(0);" rel="nofollow">欢迎光临本站</a> </div> <div class="back..
【2】style.css?ver= 的使用
ver=100331表示style.css这个文件的版本号。style.css文件可能会被客户端缓存，如果仅仅写成style.css，并且被客户端浏览器缓存，那么一旦服务器更新style.css后客户端不一定会同..
【3】css怎么给图片添加阴影效果？图片添加阴影的两种方法（代码实例）
css可以实现很多的图片效果，图片阴影效果就是其中之一，那么css如何给图片添加阴影效果？本篇文章就给大家介绍如何使用css给图片添加阴影（附代码），让大家了解css给图片加阴影的两种..
【4】【原创】四段显示代码的代码
效果：代码：<blockquote style="box-sizing: border-box; outline: 0px; padding: 16px 16px 0px; margin: 0px 0px 24px; border-left: 8px solid rgb(221, 223, 228); backgr..
【5】CSS3 box-shadow 效果大全（内阴影，外阴影，三边阴影，双边阴影，单边阴影，细线描边…）...
CSS3 box-shadow 属性用来描述一个元素的一个或多个阴影效果，该属性几乎可以让你完成你想要的任何阴影效果。然而 box-shadow 属性语法和取值非常灵活，对于新手有点不容易理解..
【6】浏览器滚动条样式
::-webkit-scrollbar //滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等。（位置1）::-webkit-scrollbar-button //滚动条两端的按钮。可以用..
【7】【原创】自适应模版隐藏显示层实例教程
在给朋友做网站QQ客服时出现的问题，因为申请的QQ弹窗代码，只给了PC端的代码，如果在手机上点QQ,不能打开手机QQ对话框的，我们在做WAP模版时就知道了，普通PC端代码，直接用<a>表示超..
【8】【原创】怎么用框架实现只显示“嵌入页面中间的某部分位置”
例如一个页面是这样的：而我想做个新页面，想在一个固定的地方嵌入上面的页面即可，我这个嵌入框有固定大小，所以只想嵌入到登陆框那个地方，按照下面方法即可：用浮动框架，再在A页面中..
【9】【原创】图片限高隐藏
/** 思良：首页图片超出隐藏 **/#tupian{ max-height:115px; overflow:hidden;}#tupian img {width:180px; height:auto; margin:auto;padding-right:10px;}..
【10】【原创】按时间段调用不同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..
【11】限制div高度当内容多了溢出时显示滚动条
这篇文章主要介绍了如何限制div高度当内容多了溢出时显示滚动条，这个方法很实用，特别是在需要显示更多内容的时候，好了看看下面的示例代码如下:<!DOCTYPE html PUBLIC "-//W3C/..
【12】【原创】纯css 让图片等比例缩放
本站CSS#nrjuzhong img{/*margin:auto;*/ /*vertical-align: middle; text-align: center; display:block;*/ /*思良：上面图片居中，下面自动略缩*/ max-width:10..
【13】【原创】自定义按钮的一个样式效果
<style type="text/css">input[type="submit"], input[type="reset"]{ /* 按钮边框效果 */ border:0px; padding:5px 15px 5px 15px; cursor:pointer; font-family: '..
【14】css实现超出div长度文字自动隐藏或用省略号表示
在网页设计中，一些区域的标题文字是不能换行的，例如首页显示的文章标题，因为布局是固定的，换行会打乱布局，从而使网页产生错位。因此，我们需要一行一段文字，超出行宽的文字用省略号..
【15】如何让一个行内元素（如一张图片）在div中居中
（1）第一种：用vertical-align<div class="method1"> <span class="tiptop"></span> <img class="test" src="img/Dota2.jpg" alt="dota2"> </div> <style> .method1{ t..
【16】纯css的防止图片撑破页面的代码(图片自动缩放)
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css">.content-width {MARGIN: auto;WIDTH: 600px..
【17】【原创】用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"> <style..
【18】用css实现文字的自动隐藏
不可换行 <NOBR></NOBR> （不换行） overflow版本：CSS2 兼容性：IE4+ NS6+ 继承性：无 语法： overflow : visible | auto | hidden | scroll 参数： visible : 不剪切内容也不添..
【19】关于CSS Sprite切图技术
我们经常看到一个页面上有很多小图标，可是当我们用工具去打开时却发现这些小图标其实在一张图片上，这是怎么实现的呢这当中用到了CSS Sprites切图技术。CSS Sprites其实就是把..
【20】利用CSS定位背景图片 background-position
我们在研究其他的网站的样式的时候经常会发现一种情况，就是在很多background属性里都调用同一张图片，来满足网页各个部分的使用。打开这种图片看一下，会发现这张图片上包含了很..
