-
对网页中层的固定实现代码
对于DIV+CSS不熟悉的我，为此加班加点在项目上线时把问题解决了。参考代码如下： 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x...
作者：asdasdasd11-19 -
浏览器默认样式
熟悉这些之后可以明白 一、使用CSS reset的原因。 二、*{margin:0;padding:0;}一刀切的做法为什么不提倡 三、网上广泛流传的CSSreset为什么也有人不提倡 从对比图可以看出，不部分标签其实是没有...
作者：asdasdasd11-19 -
IE6的inline-block
1、display:inline-block 让一个元素具有“区块元素”的属性（可以设置width和height），又具有“内联元素”的属性（不产生换行）。 2、IE中的inline-block IE6不支持这个属...
作者：asdasdasd11-19 -
级联样式文件共通样式整理
CSS Code复制内容到剪贴板
作者：asdasdasd11-19
/*<pre>:定义预格式化文本；<code>:用于表示计算机源代码的文本内容；
*<fieldset>:可将表单内相关的元素分组；<legend>:为fieldset标签定义标题；
... -
CSS教程：scrollbar的属性知识及样式分类介绍
1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条） overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hid...
作者：asdasdasd11-19 -
css :nth-child与:nth-of-type之小解
让我们看下面一段html： 复制代码代码如下: <section> <p>Little</p> <p>Piggy</p> <!-- 定位此元素--> </section> 下面的2种写法都可以达到目的 复制代码代码如下: p:nth-child(2) { color: re...
作者：asdasdasd11-19 -
你不可不知的CSS选择器
一、五大基本选择符
作者：asdasdasd11-19
1. *（通配符）*通配符选择器，经常用于css reset（样式重置），清理标签的默认样式，但现在一般不提倡直接使用*了，主要是*会匹配所有标签，相当耗资源。*在css的优先级中是... -
IE6/7 and IE8/9(Q)中td的上下padding失效的解决方法
如下 复制代码代码如下: <!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8"> <title>IE6/7 and IE8(Q) 中td的上下padding失效</title> <style> table { border:1px solid #555; } td { back...
作者：asdasdasd11-19 -
巧用CSS边框 制作技能冷却效果
在线演示：http://demo.jb51.net/js/2011/WarICONPrefect/index.htm上面的效果看起来还不错吧。在网页里，除了用Flash，我们还是有不少方法可以实现它。
作者：asdasdasd11-19
显然这种效果不复杂，一张背景图片... -
css 解决浏览器兼容问题
这里大家要知道CSS不兼容的原因是因为各浏览器给CSS默认属性值不一样造成的。 第一招：给常用CSS规定属性值。 body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td{margin:0;padding:0;...
作者：asdasdasd11-19 -
CSS设置DIV Herf底层图片和链接同时改变(兼容多浏览器)
/*CSS样式设置 涂聚文 Geovin Du**/ 复制代码代码如下: .text8 { font-family: Arial, Helvetica, sans-serif; background-image: url(../images/05.jpg); height:42px; text-align:center; } ....
作者：asdasdasd11-19 -
使用font-size：0 来去掉inline-block元素之间的空隙方法
像下面图中的布局，如果排列的元素是等高的话，相信很多人都会使用浮动来布局，不过如果元素不等高的话，不添加多余的标签，浮动布局是很难实现下图中的效果。如果遇到这种情况，可以使用inline...
作者：asdasdasd11-19 -
IE 元素默认高度研究
作者：asdasdasd11-19
序号
HTML
IE<=7 CSS样式
表现:
实际高度 (px)
说明
1
... -
DIV+CSS 全屏垂直居中的一个办法
例如下边的例子！ 我是先定了一个点在中间，然后再把里边的这一块居中处理；
作者：asdasdasd11-19
<style>
#info{height:0px; width:0px;top:50%; left:50%;position:absolute;}
#center{background:#FFCC33;bor... -
DIV+CSS通用样式布局实例代码
一下是一个非常简单易懂的通用样式布局，希望对于刚开始接触DIV+CSS的同学有帮助。先看效果图：
作者：asdasdasd11-19
我们可以看出通常的页面布局有以下几个部分：头部、内容、底部，其中内容有左侧主显区和右侧边栏... -
用CSS代码绘制三角形 纯CSS绘制三角形的代码
1、新建一个元素，随便什么元素，不过我习惯性的会用块元素来做。如果行内元素就display:block它。<div class="triangle"></div>2、把它的宽高设置为height:0px; width:0px;3、设置边框border属...
作者：asdasdasd11-19 -
浮动的ul背景及图片的边框的使用
今天遇到的问题整理： 1.ul中的li浮动时，无论给外层div的class写背景，还是给ul写背景，都是没有效果的。这是因为li浮动时撑不起外层的高度。给li或者a加上display:block;也没有用。解决方法是...
作者：asdasdasd11-19 -
深入display:inline-block
在使用 CSS 实现表现的时候，会经常接触到 display:inline-block 这一属性，无论是初接触 Web 标准还是接触标准已久的朋友，大都会对这一属性感觉很迷惑和模糊。display:inline-block
作者：asdasdasd11-19
将对象呈递... -
CSS模拟小箭头的实现代码
图：HTML代码： 复制代码代码如下: <div class="pre-wrap"> <div class="pre"> <div class="pre1"></div> <div class="pre2"></div> </div> </div> CSS代码： 复制代码代码如下: .pre-wrap { wi...
作者：asdasdasd11-19 -
IE兼容css3圆角的实现代码
让我们弃新技术不用，是不可能的，因此找到了一种解决的办法--- IE利用VML矢量可标记语言作为画笔绘出圆角： 下载一个压缩包ie-css3.htc，里面有一个微软的脚本文件（11KB）和一个用来测试服务器...
作者：asdasdasd11-19 -
使用不带单位的line-height
有的时候，我们为了实现单行文字的垂直居中，会给line-height一个和height相同的固定的值；有的时候，我们为了调整特定的某段文字的行间距，通常会考虑使用百分比或者相对尺寸的em。或许是习惯，...
作者：asdasdasd11-19 -
去掉checkbox边框的方法(css)
<input name="a" type="checkbox" style="position:absolute;clip: rect(6 15 15 6)" checked="checked"> 关键：style="position:absolute;clip: rect(6 15 15 6)" 解释： 此属性定义了绝对(abs...
作者：asdasdasd11-19 -
用纯CSS3打造立体提示模块的效果实现(图) 附源码
最近一些日子都在看JS方面的书，写小游戏，好久没写CSS了，昨天看了一个纯CSS3进度条的例子，感觉很有创意，尤其是用background-size来repeat渐变斜线这招，妙不可言。今天再浩方打dota的时候刷...
作者：asdasdasd11-19 -
Web页面中5种超酷的Hover效果分享
给平淡的站点带来活力 hover效果能给网页增加一些动态效果，并且使得站点更具有活力。原来的做法是使用javascript来实现这些动态效果，但是随着CSS3的引入和现代浏览器的支持，我们可以用纯粹的...
作者：asdasdasd11-19 -
绝对定位才是WEB的精髓
若是你从未碰到过此问题，并且非得用纯CSS来实现，我想你一时半了也是束手无策吧。这里不讨论如何实现的细节，网上关于此问题的解决方法也是层出不穷，但都有共同点：复杂，取巧。
作者：asdasdasd11-19
且不论...