cjsyr_cjsyr的专栏

常用选择器1

1、在网页设计中我们经常遇到宽度自适应，但有时候可能一种高度自适应的问题。这个时候我们的position之absolute就可以帮你了。 2、position之absolute是脱离文档流。当width、height设置某值后，该元素的值就是该值。那width、height没有设置的时候呢？ 3、该元素的witdh、height会根据父元素（需设置position:

使用position绝对定位属性来实现CSS内部子容器高度随着外部父容器高度变化而变化效果，我们在重构页面时间经常会碰到使用一个外部大容器里面放置两个左右浮动容器的布局，有时候为了视觉效果，我们需要让里面两个子容器的高度必须保持一致，但是在无法确定的容器具体高度的情况下（因为DIV容器经常需要根据里面内容的多少来自定义高度），那么我们唯一的办法就是让里面的容器高度跟随外部父容器高度变化而变化，但是

原文地址：http://www.cnblogs.com/fxair/archive/2012/07/05/2577280.htmldisplay:inline就是将元素显示为块级元素.block元素的特点是：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度, , , ,  和 是块元素的例子。displa

表单元素在手机中点击时会出现边框，取消边框的写法如下：input, textarea, button, a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }

原文地址：http://www.cnblogs.com/zhaoran/archive/2013/05/24/3097482.htmlbox-sizing属性可以为三个值之一：content-box（default），border-box，padding-box。content-box，border和padding不计算入width之内padding-box，paddi

原文地址：http://www.admin10000.com/document/5448.html1. *1234* {  margin:0;  padding:0;}　　在我们看比较高级的选择器之前，应该认识下这个众所周知的清空选择器

以前想把一个对象定位在一个父对象的中间时（如下图所示） 以前可能使用的css为top:50%;left:50%;margin-left:-50px;margin-top:-50px;/*需要计算比较麻烦*/但是借用css3中的transform可以很方便的实现top:50%;left:50%;transform:translate(-50% -50%);

web前端同学都需要清楚伪类选择器的使用。像:link,:visited,:hover,:active,:focus,:first-child,:lang大家已经很熟悉了，今天说说css3中新增的:nth-child()和:nth-of-type()。:nth-child()用法:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的

无限级纯CSS的下拉菜单 /*初始化一些样式*/ *{ margin:0; padding:0; } body{ font-size:12px; } ul{ list-style:none; } a{ text-decoration:none; color:#1e395b; } /*菜单居中显示*/ .nav { width:502px;

Font Awesome 官网：http://fortawesome.github.io/Font-Awesome/优点：1.方便，想用一些小图标时，再也不需要去找图片了2.量多，有超过500多种图标可供选择3.自定义，图标的颜色可自定义(设置color即可)，图标大小可以设置，可设置阴影，还可以加animation动画4.只要你能想得到的都可以试试如何使用：1.首先需

原文地址：http://segmentfault.com/a/1190000000484493之前写了一篇 《详解 CSS 属性 - :before && :after》 的博文，当时自己没分清楚伪元素和伪类，所以在文章内把概念混淆了，庆幸 @riophae 兄指正了我的错误，所以今天打算好好研究下两者的区别。首先，阅读 w3c 对两者的定义：CSS 伪类用于向某些选择

最近使用谷歌Chrome浏览器提示adobe flash player已过期，浏览网页时一些flash元素的东西都无法正常显示，在网上尝试寻找很多方法，都不能解决，最后，经测试有效方法如下：一：下载最新版本adobe flash player插件：（注意，对应系统） 地址：http://www.adobe.com/support/flashplayer/debug_downlo