u012028371的博客

偶尔发现了，border-style的其他几个值，同时打都不常用，还挺新鲜的   以前做微信红酒的时候，有个奇葩测试妹子给我提了一个bug (说 li标签之间是虚线，不是点)，（ps:我当时心里心里还嘲笑她什么虚线、点，调下粗细就行了。哈哈，有小伙伴给我犯过相同的错误的吗？）  border:medium dotted  red;border:medium dashed

line-height不同单位之间的区别line-height用来设置元素的行高。该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。line-hei

很多人用过 style.color、style.display 等直接设置元素的样式属性，但是 style.cssText 用过的人就不多了。cssText 本质是什么？cssText 的本质就是设置 HTML 元素的 style 属性值。cssText 怎么用？复制代码代码如下:document.getElementById("d1").sty

一、html,body{height:100%}今天看到一个CSS样式：html,body{height:100%}，第一次看到，感觉挺奇怪，为什么html还需要设置height:100%呢，html不就是整个窗口吗？我是这样认为的。然后就把html去掉只剩下body的height:100%，麻烦了，页面内容消失了(页面里只有一个空div通过百分比设置height)。html代码：

转自：http://blog.youkuaiyun.com/xllily_11/article/details/51249120 谢谢~[强制] 属性定义后必须以分号结尾。示例：/* good */.selector { margin: 0;}/* bad */.selector { margin: 0}[建议] 选择器的嵌套层级应不大于 3 级，位置靠后的

你对CSS的margin边界叠加的概念是否了解，这里和大家分享一下，当一个元素出现在另一个元素上面时，第一个元素的底边界与第二个元素的顶边界发生叠加。CSS的margin边界叠加深度剖析边界叠加简介边界叠加是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多混淆。简单地说，当两个垂直边界相遇时，它们将形成一个边界。这个边界的高度等于两个发生叠加的边界的高度中的

摘要: css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？    一、抛一块问题砖（display： block）先看现象：    分析HTML代码结构：div class="outer">    div class="div1">1div>    div class="div2">2div>    div class="div3">3div>

开始研究响应式web设计，CSS3 Media Queries是入门。Media Queries，其作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同的样式表。换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备。那么，Media Queries是如何工作的？两种方式：一种是直接在link中判断设备的尺寸，然后引用不同的css文件：

在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而 在大洋彼岸，几乎所有的主流站点都使用em作为字体单位，也就是可调的。没错，px比em更加容易使用，大部分读者不知道em为何物或者它相当于多少 px。国外人士如此重视网站易用性(Accessibility)，不仅因为其根生蒂固的人文精神，直接原因可能是因

一直都听说DOM很慢，要尽量少的去操作DOM，于是就想进一步去探究下为什么大家都会这样说，在网上学习了一些资料，这边整理出来。　　首先，DOM对象本身也是一个js对象，所以严格来说，并不是操作这个对象慢，而是说操作了这个对象后，会触发一些浏览器行为，比如布局（layout）和绘制（paint）。下面主要先介绍下这些浏览器行为，阐述一个页面是怎么最终被呈现出来的，另外还会从代码的角度，来说明

格式box-shadow: h-shadow v-shadow blur spread color inset;比如 box-shadow:10px 10px  20px  5px  block;    //前两个值可以为负值，表示向上或向左当需要四周阴影时，前两个值都设为0 0即可。

1、图象缩小， 用处：当用背景图（background：URL（）），需要兼容ie8及以下的时候，由于ie8不支持css3属性background-size，所以如果背景图片大于要展示的区域的话（width和height），那就要用photoshop来压缩图片了。 操作方法：图象--图象大小（快捷键：ctrl+alt+i）,弹出如下如图，  把200 200改为100 100就可以了。