当前目录: css基础教程
IE浏览器判断

2014年2月12日  css基础教程,前端资源   

使用IE内置浏览器的条件判断 <!--[if IE]> <script type="text/javascript"> alert("ie") </script> <![endif]--> <!--[if IE 6]> <script type="text/javascript"> alert("ie6") </script> <![endif]--> <!--[if IE 7]> <script type="text/javascript"> alert("ie7") </script> <![endif]--> <!--[if IE 8]> <script type="text/javascript"> alert("ie8") </script> <![endif]-->

input text文本框禁用并且变成灰色

2014年1月27日  css基础教程,前端资源   

有时候我们为了结构的布局不能删除原来的input,但是又不使用只好将其禁用掉其禁用的功能只需要添加 disabled="disabled"

inline、block、inline-block的区别

2014年1月13日  css基础教程,前端资源   

css样式中用的最多就是内联元素和块状元素, a,span默认是内联元素inline可以并行,但是不可以控制宽高; div,p默认是块状元素block不能并行,但是可以控制宽高; 如果想让一个元素可以并行,又可以控制宽高,就将display设置为inline-block

css 响应适图片列表

2014年1月12日  css基础教程,前端资源   

现在都流行响应适布局,其中响应适图片列表的css样式布局还是有一定的技巧的,效果就是3张图片会随着窗口的大小变化而变化。 HTML: [code]<div class="pic_hang"> <div class="pic_dan"> <a href=""><img src="images/001.jpg"></a> </div> <div class="pic_dan"> <a href=""><img src="images/002.jpg"></a> </div> <div class="pic_dan"> <a href=""><img src="images/003.jpg"></a> </div> </div>[/code] CSS: [code].ui-content{ padding:0;} .pic_hang{ clear:both;} .pic_hang .pic_dan{float:left;width:33.3333333333%;} .pic_hang .pic_dan a{ display:block; margin:5px; border: 1px solid #3c...

css背景图片固定悬浮

2014年1月1日  css基础教程,前端资源   

利用css来控制背景图片固定悬浮,随着鼠标滚动而固定。 其实利用css属性background中的一个属性值fixed就可以做到,例如: [code]body{ background:url(images/chu.jpg) no-repeat top center fixed;}[/code]