风-fmgao

摘要： 定位有三种： 1.相对定位 2.绝对定位 3.固定定位 这三种定位，每一种都暗藏玄机，所以我们要一一单讲。 相对定位 相对定位:相对于自己原来的位置定位 现象和使用： 1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。 2.设置相对定位之后，我们才可以使用四个方向的属性： top、b 阅读全文

摘要： 什么是标准文档流 宏观的将，我们的web页面和ps等设计软件有本质的区别，web 网页的制作，是个“流”，从上而下 ，像 “织毛衣”。而设计软件 ，想往哪里画东西，就去哪里画 标准文档流下 有哪些微观现象？ 1.空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张 阅读全文

摘要： display 1.控制HTML元素的显示和隐藏 2.块级元素与行内元素的转换。 block（块级） 默认占满整个页面宽度，如果设置了指定宽度，则会用margin填充剩下的部分。 inline（行内） 行内元素 只要设置了display: inline，那么元素的width、height、margi 阅读全文

摘要： 常用背景相关属性： 属性描述 background-color 规定要使用的背景颜色。 background-image 规定要使用的背景图像。 background-size 规定背景图片的尺寸。 background-repeat 规定如何重复背景图像。 background-attachmen 阅读全文

摘要： HTML文档中的每个元素都被描绘成矩形盒子，这些矩形盒子通过一个模型来描述其占用空间，这个模型称为盒子模型。 盒子模型通过四个边界来描述：margin（外边距），border（边框），padding（内填充），content（内容区域），如图所示： 注意：浏览器的调试窗口中通常会有相似的模型可供开发 阅读全文

摘要： text-align 文本对齐 text-align 属性规定元素中的文本的水平对齐方式。 line-height 行高 text-decoration 文字装饰。 阅读全文

摘要： font-family 字体系列。 font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。浏览器会使用它可识别的第一个值。 简单实例： body { font-family: "Microsoft Yahei", "微软雅黑", "Arial 阅读全文

摘要： 伪元素 介绍常用的伪元素。 first-letter 用于为文本的首字母设置特殊样式。 例如： p:first-letter { font-size: 48px; } before 用于在元素的内容前面插入新内容。 例如： p:before { content: "*"; color: red; } 阅读全文

摘要： 我们现在已经学过了很多的选择器，也就是说我们有很多种方法从HTML中找到某个元素，那么就会有一个问题：如果我通过不用的选择器找到了相同的一个元素，并且设置了不同的样式，那么浏览器究竟应该按照哪一个样式渲染呢？也就是不同的选择器它们的优先级是怎样的呢？ 是先来后到呢还是后来居上呢？统统不是，它是按照下 阅读全文

摘要： 常用的几种伪类选择器。 没有访问的超链接a标签样式： a:link { color: blue; } 访问过的超链接a标签样式： a:visited { color: gray; } 鼠标悬浮在元素上应用样式： a:hover { background-color: #eee; } 鼠标点击瞬间的样 阅读全文