1.在怪异模式下,也就是网页的头部不写DOCTYPE的时候,body作为根元素,设置高度为百分百的时候.可以是页面的高度和浏览高度相同,在标准模式下也就是有DOCTYPE的时候,html才是根元素这时候就必须设置html和body同时100%,因为100%设置元素尺寸是以父元素做参考的…

css中height 100vh的应用场景,动态高度百分比布局,浏览器视区大小单位 height:100vh 一些只能vw, vh才能完成的应用场景: 1. 场景之:元素的尺寸限制 vw vh 主要是实现了动态高度百分比布局,比如宽高比不固定的图片,vw很轻易的实现正方形图片缩略图原始大图的尺寸限制问题——因为很有可能图片过大,尼玛一屏显示器区域不够放,我们需要对其进行缩放处理.这类限制的实现,在当下,需要获得图片的原始大小,以及浏览器内部尺寸,算大小,算比例等,算是比较折腾的.但是,vw, v…

CSS间距 内补白 外补白 盒子模型 CSS间距 很多时候我们为了美观,需要对内容进行留白设置,这时候就需要设置间距了. 内补白 设置元素的内间距 padding: 检索或设置对象四边的内部边距 padding:10px; 上下及两边设置 padding:5px 10px; 由上边界开始,顺时针设置 padding:10px 20px 30px 40px 单边设置 padding-top: 检索或设置对象顶边的内部边距 padding-right: 检索或设置对象右边的内部边距 padding-…

在使用 opacity 属性来实现页面整体透明的时候,发现了一个问题.如果两个层发生了重叠,使用了 opacity 属性并且属性值小于1的层,会覆盖掉后面的层.于是动手做了个实验,来验证 opacity 的层次. 网页中的层叠规律是这样的:如果两个层都没有定义 position 属性为 absolute 或者 relative 属性,哪个层的HTML代码放在后面,哪个层就显示在上面.如果指定了 position 属性,并且设置了 z-index 属性,谁的值大,谁就在上面. Opacity 属性…

主要就是让到时候 打入代码时候  把一些bug去除   或者 让一些固有的格式取消 /* 将标签默认的间距设为0 */ body,p,h1,h2,h3,h4,h5,h6,ul,dl,dt,form,input{ margin:0; padding:0; } /* 去掉默认的小圆点 */ ul{ list-style:none; } /* 去掉默认的下划线 */ a{ text-decoration:none; } /* 设置不倾斜 */ em{ font-style:normal; } /* 去…

谢谢 我等待的他 | 浏览 255446 次 推荐于2016-01-13 12:27:03 最佳答案 css控制透明度倒不麻烦. filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; 举个例子: 通过ie6 ie7 ie8 ff3 opera 谷歌 safari测试 #test{ background-color:#0000CC; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0…

写 蒙版 时会使用透明度,第一反应会使用 opacity 但这个会使子元素继承,蒙版内还有内容会被影响,从而会设置 background 属性的 rgba 值. 需要注意的是 rgba 和 gba 颜色值是 0 到 255 表示,而 透明度则是 0 到 1 可设置.从而有时候需要注意这些小细节从而提升写代码的速度.…

五大类:serif, sans-serif, monospace, cursive, fantasy serif 衬线字体,如 Big Caslon, 宋体 sans-serif 非衬线字体,如 Helvetica, 黑体 monospace 等宽字体,如 Menlo cursive 手写体,如 Comic Sans MS fantasy 幻想体,如 Bodoni Ornaments 同时声明文字体的字体名称(英文)和显示名称(中文),就像这样: font-family: SimSun, “宋体…

CSS中white-space属性设置如何处理元素内的空白.默认值normal表示:空白会被浏览器忽略. white-space这个属性声明建立布局过程中如何处理元素中的空白符.值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的.在IE8以上和火狐.Chrome中有效. pre-wrap表示:保留空白符序列,但是正常地进行换行. 柯乐义pre-wrap10个空格 keleyi.com 柯乐义normal10个空格 keleyi.com 柯乐义nowrap10个空格 kele…

css中颜色的设置形式主要有三种方式:颜色名称.十六进制代码和十进制代码. 在古老的 HTML4 时,颜色名称只有 16 种. 颜色名称 十六进制代码 十进制代码 含义  black  #000000  0,0,0  黑色   silver  #c0c0c0  192,192,192  银色   gray  #808080  128,128,128  灰色  white  #ffffff  255,255,255  白色  maroon  #800000  128,0,0  栗色  red   …