摘要：
首先，需要有一个按钮来模拟登录： 然后呢，我们想通过点击这个按钮实现这样一个效果： 从上面这张图片，我们可以看到，灰色背景就是遮罩层，而浅蓝色的区域就是登陆框位置所在了。OK，下面先看一下HTML结构和css样式： 这里只是将HTML结构拿出来讲一下，但是下面我们是通过JS来创建它们的，所以这里只是 阅读全文
摘要：
一、文字1.标题文字 <h#>..........</h#> #=1~6；h1为最大字，h6为最小字2.字体变化 <font>..........</font> 【1】字体大小 <font size=#>..........</font> #=1~7；数字愈大字也愈大 【2】指定字型 <font f 阅读全文
摘要：
div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为 一块内容，即“块框”。与之相反，span 和 strong 等元素称为“行 内元素”，这是因为它们的内容显示在行中，即“行内框”。 CSS 有三种基本的定位机制：普通流、浮动和绝对定位。 除非专门指定，否则所有框都在普通流中定位。 阅读全文
摘要：
div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为 一块内容，即“块框”。与之相反，span 和 strong 等元素称为“行 内元素”，这是因为它们的内容显示在行中，即“行内框”。 CSS 有三种基本的定位机制：普通流、浮动和绝对定位。 除非专门指定，否则所有框都在普通流中定位。 阅读全文
摘要：
1、使用绝对定位垂直居中 绝对对位原理：元素在过度受限情况下，将margin设置为auto，浏览器会重算margin的值，过度受限指的是同时设置top/bottom与height或者left/right与width。 使用绝对定位要求元素必须设置明确高度。内容超过元素高度时需要设置overflow决 阅读全文
摘要：
一、介绍 1. 容器 一个页面的展示，从外到内的容器为：屏幕、浏览器以及页面本身。 HTML元素展现在页面内，页面展现在浏览器内，而浏览器展现在屏幕内。 通过Js的一些对象可以获取这些容器的高度、宽度。 2. 物理尺寸和分辨率 容器的尺寸是指当前分辨率下的高度、宽度，而不是物理高度、宽度。 如：一个 阅读全文