通常情况下，一个元素节点使用固定定位absolute和固定定位fixed，会遇到一个问题，如果设置100% ，此时你在对他设置padding，border，margin，它就会撑满 具体情况如下图： css3提供了一个属性方法calc; 当然，这是css3的方法，在实际的项目中要加上前缀 你会得到效 ...
分类：
其他好文 时间：
2016-08-05 10:16:48
阅读次数：
166
给select元素增加：padding-left：20px;但是未生效，如下图所示： 在select上如何使设置padding生效？ 方法一： 设置属性appearance： 给select增加属性： appearance: none; -webkit-appearance: none; 效果如下： ...
分类：
其他好文 时间：
2016-08-05 00:37:16
阅读次数：
1424
子元素选择器： div>p{background：yellow；} 相邻的后兄弟选择器（必须相邻） h1+p{padding-top：20px；} 后兄弟选择器（同级的当前元素后面的元素） div~p{color：red；} 属性选择器：（属性可以自己定义，例如：class=abc） [abc=va ...
分类：
Web程序 时间：
2016-08-04 23:19:24
阅读次数：
455
以 Chrome 为例 body：默认用margin div：默认是没有margin 和 padding的 p 和 h1-h6 默认是有 margin的 注意：背景色是不覆盖到margin的，除了body ...
分类：
其他好文 时间：
2016-08-04 15:02:40
阅读次数：
192
1、body标签存在默认的margin：8px; 其他的标签也会在不同的浏览器中存在默认的margin，padding，所以在进行页面开发是需要在css中将可能用到的标签重置默认值: margin：0,；padding:0; 2、容器定义了height之后，容器边框的外形就确定了，不会被内容撑大，不 ...
分类：
其他好文 时间：
2016-08-04 14:45:18
阅读次数：
236
点击图放大此图，并且周围有滤镜效果，再点击出现的大图恢复原来状态。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: ...
分类：
其他好文 时间：
2016-08-04 13:22:02
阅读次数：
242
<!doctype html><html><head><meta charset="utf-8"><title>网友分享jQuery导航菜单悬浮置顶特效</title><style type="text/css"> *{ margin:0; padding:0;} body{ background: ...
分类：
其他好文 时间：
2016-08-04 09:05:03
阅读次数：
445
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>彩色进度条</title> <style type="text/css"> * { margin: 0; padding: 0; } *, *:before, *:after { ...
分类：
其他好文 时间：
2016-08-03 18:24:45
阅读次数：
169
总的而言：div的实际长宽为图中实线区域，即border+padding+width/height. 1.整个div 所占的区域的宽为 17.369*2+362.250=380px; 高为12.096*2+33.484=45.58px 2. 由于图中蓝色区域的内容需要上下左右居中显示,所以设置内边距 ...
分类：
其他好文 时间：
2016-08-03 18:14:43
阅读次数：
118
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <style> *{ margin: 0;padding: 0; } body{ margin:0; padding:10px;} #head{ margin-bottom:10px; heigh ...
分类：
其他好文 时间：
2016-08-03 14:52:14
阅读次数：
89
