-
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
且不论... -
IE绝对定位元素神秘消失或被遮挡的解决方法
发现了一个奇妙的现象： 查了相关资料，高人有这样的解释： 1.当绝对定位层的邻近浮动层的宽度不等于父层宽度时，以及没有清除浮动时，IE6/7，FF中显示一致； 2.当绝对定位层的邻近浮动层的宽度...
作者：asdasdasd11-19 -
css语法结构
CSS属性和选择符 css的语法结构仅仅有三部分组成：选择符（Selector）、属性（property）、和值（value）。 使用方法： selector {Property:value;} 选择符（Selector）指这组样式编码所要针对的...
作者：asdasdasd11-19 -
书写css伪类时冒号后多个空格导致该规则失效
css格式化 http://www.jb51.net/tools/cssyasuo.shtml 格式化后会多出个空格，多出空格后样式规则失效了。 复制代码代码如下: <!DOCTYPE html> <html> <head> <title>书写css伪类时冒号后多个空...
作者：asdasdasd11-19 -
你正在寻找的CSS3 动画技术
随着网络的发展，浏览器具有更强的渲染更高级代码的能力，我们正逐步实现跨越所有平台和浏览器的目标。我们不但可以要花费更少的时间来确保我们的盒模型在IE6中看起来正常，而且形成了鼓励创新、...
作者：asdasdasd11-19 -
浏览器显示flash问题解决
最原始的方法是使用embed <embed src="flash/guanggao.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="726" he...
作者：asdasdasd11-19