效果如图：注意点： 1，input表单里面有一个图标，给input加一个背景图片，然后在加一个padding调整。 2，当input框获取到焦点时，输入框border显示蓝色（或其他颜色）。 form表单 姓名 ...
分类：
其他好文 时间：
2014-10-29 19:01:07
阅读次数：
174
选择器是CSS的核心，从最初的元素、class/id选择器，演进到伪元素、伪类，以及CSS3中提供的更丰富的选择器，定位页面上的任意元素开始变得愈发的简单。1、元素选择器这是最基本的CSS选择器，HTML文档中的元素本身就是一个选择器：p {line-height:1.5em; margin-bot...
分类：
Web程序 时间：
2014-10-29 18:29:08
阅读次数：
163
嵌套div中margin-top转移问题的解决办法在这两个浏览器中，有两个嵌套关系的div，如果外层div的父元素padding值为0，那么内层div的margin-top或者margin-bottom的值会“转移”给外层div。无标题文档上部层 子层原因：盒子没有获得haslayout造成 mar...
分类：
其他好文 时间：
2014-10-29 12:08:00
阅读次数：
191
想这几一个选项卡，想要的效果如下可是在IE6中当前选项卡的底边框不会盖住父级元素的底边框，网上说父级元素要出发haslaytout，试了都不行，最后在选项卡元素中同时设置margin-bottom:-1px; position:relative; 这样才解决问题。这里要注意的是：选项卡元素的高度必须...
分类：
其他好文 时间：
2014-10-29 01:53:47
阅读次数：
156
前言对于css文件而言，选择器的写法有它的讲究，如——1> 不要用ID选择器2> 不要用通配符*选择器3> 选择器的层级......对于属性值的写法也有他的讲究，如——1> 复合属性，如font、background、margin、padding等2> 颜色、单位、hack、css3属性等........
分类：
Web程序 时间：
2014-10-29 01:43:53
阅读次数：
227
大家在学习CSS的时候肯定会遇到关于文本对齐的问题，一般来说，我们使用text-align:center;就可以解决啦，是的，但是这是针对于一般的情况，对于option是没有用的。那么，今天笔者给大家介绍一种行之有效的方法，那就是使用padding来解决。好啦，闲言少叙，我们进入正题。
用一个例子解释就可以啦：
代码如下：
0
1
2
3
4
5...
分类：
其他好文 时间：
2014-10-29 00:30:43
阅读次数：
305
/* 初始化CSS */html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }fieldset, img { border:...
分类：
Web程序 时间：
2014-10-28 19:32:06
阅读次数：
218
直接看代码style="display:block; margin:0 auto;"可以看到，蓝色的代码是让 块状元素居中而红色的代码，是让img转成块状元素···原来img不是块状元素切记切记
分类：
Web程序 时间：
2014-10-28 17:29:17
阅读次数：
220
float: left;margin-left: 20px;position:absolute;--屏幕缩放，底部会有滚动条white-space: nowrap;--不换行width: 800px;overflow-x: scroll;--内容超出div边距，x轴显示div滚动条height: 7...
分类：
其他好文 时间：
2014-10-28 13:46:05
阅读次数：
501
一、选择符的种类1）通配选择符它用来给页面所有的元素设置样式*{margin:0;padding:0;}。但是实际当中不建议这么用，页面中用到了哪些样式，就统一设置样式，因为*影响性能。也可以给某元素的所有的后代元素应用样式：p *{color:red;}2）标签选择符顾名思义，通过标签来限定样式作...
分类：
Web程序 时间：
2014-10-28 09:18:28
阅读次数：
336
