Fairy的博客

position 有五个值：static、relative、absolute、fixed、inherit。 static是默认值。    就是按正常的布局流从上到下从左到右布局，平常我们做网页时，没有指定 position，也就表示使用 static。relative没有脱离布局流，此时可以使用 top、right、bottom、left 属性。top 和 bottom 共存时，使用 top 值，...

做响应式网页需要注意：1.使用百分比来代替固定长度2.当你需要在较大分辨率下得到固定宽度时，使用max-width而不是width，因为他可以适应较小的分辨率；3.不要忘记给替换元素（eg.img,object,video,iframe）设置一个max-width，值为100%；4.背景图铺满整个容器，不管容器的尺寸变化，background-size：cover；这个属性可以做到...

代码的可维护性的最大要素就是"要尽量减少改动是要编辑的地方"，“当某些值相互依赖时，应该把相互的关系用代码表达出来”font-size: 20px;line-heigth:30px;这个时候要改变字号大小，就要同时调整行高，这样的绝对值数字并没有反应两个数据间的关系，所以很麻烦；font-size: 20px;line-height:1.5;行高用字号的倍数来表达...

CSS的display属性布局1.display一般有inline，block，inline-block三个属性 inline：使元素变为行内元素，拥有行内元素的特性，可以与其他元素共享一行，怒会独占一行；不能改变元素的height，width的值，大小由内容撑开；有padding，margin产生的边距效果，没有top和bottom效果； block：使元素变为块级元素，独占...

1.网页宽度自适应，需要把网页元素宽度设置为百分比，还要在网页头部加上代码： <meta name="viewport" content="width=device-width,initial-scale=1.0" />　width=device-width ：宽度等于设备屏幕的宽度initial-scale=1.0：表示：初始的缩放比例minimum-scale=0.5：表示：...

布局模型：1，流动模型；2，浮动模型；3，层模型：position属性 a.绝对定位；b:相对定位；c.固定定位；元素分类:块状元素 内联元素（行内元素） 内联块状元素 内联元素之间会有一个间距问题，（！important 重要性）...

标签选择器：标签名{},作用于所有标签。类选择器：.类名{}，在标签内定义class="",属图形结构。ID选择器：#ID{}，在标签内定义id="",有严格的一一对应关系。子选择器：.span>li{}，作用于父元素span下一层的li标签。包含选择器：.span li{}，作用于父元素span下所有li标签。通用选择器: *{}，匹配所有html元素。伪类选择符：它允许给html不存在的...

盒子模型有两种基准尺寸：:1：contenx-box（默认值）;2；boder-box;两者的区别是盒子的宽度是否含有表框和内边距，contenx-box是包含了的；

 CSS 中的颜色可以由RGB色彩空间和HSL色彩空间两种方式来表述。其中我们常用的是RGB色彩空间，RGB色彩空间的颜色表示方式有：十六进制颜色（如红色：#FF0000）、RGB颜色（如红色：rgb(255,0,0)）,RGBA颜色（如半透明的红色rgba(255,0,0,0.5)），此外常见的颜色可以直接写颜色名（如红色：red）。HSL色彩，是一种工业界的色彩标准，因为它能涵盖到人类视觉所能...