京东静态登录页面

  margin: 10px auto;  // 默认居中,    第一个参数表示上下边距，第二个参数 上下边距

 margin:10px;四个方向相同

 margin：value(上下  )value(左右)

 margin： value上 value左右  value下

 margin：value上 value右 value下value左

border: 3px solid black;  //solid实线    dashed虚线  边框的宽，实线/虚线，颜色

字体居中下小技巧  height=10px;line-height=10px;  保证字体居中显示：

ont-family: 微软雅黑;//设置字体

Text-decoration：none；//文字修饰无，把超链接的下划线去掉

Text-decoration：underline//加下划线

Text-decoration:overline; //上划线

Text-decoration:line-through;  //中划线

Text-decoration:blink;  //闪烁

color: green;

color: red !important;//!important优先级最高的

伪类选择器：

连接伪类：link //未被访问过的超链接

visited//已经访问过的连接

动态伪类

hover  //鼠标悬停在HTML连接上

active  //用于元素被激活

focus// 元素获取焦点 （鼠标悬停在元素上）

p:first-letter//p标签里面的第一个 元素（还有很多元素）

阴影box-shadow：相关参数

第一个参数 水平阴影的位置

第二个参数 垂直阴影位置、

第三个参数 模糊距离

第四个参数 阴影的颜色

第五个参数 将外部阴影（outset）改为内部阴影（insert）

box-shadow :10px 10px 30px 10px black ;

box-shadow :10px 10px 30px ;  //上，左右，下

图像边框：不同的浏览器在使用时，需要加上浏览器名称

-webkit-border-image:url(biankuang.jpg) 27 round;//roundw围绕

-moz-border-image:url(biankuang.jpg) 27 repeat;//repeat平铺

-o-border-image:url(biankuang.jpg) 27 round;

outline  :轮廓

outline: 3px dashed green ;//第一个参数边框宽度，样式 颜色

outline: 0px ;//轮廓没有

box-shadow :10px 10px ;//上下，左右

box-shadow :10px 10px red; //上下，左右，红色

代码如下：htm

---

css样式：

我也很无语我自己，这么简单的界面竟然要这么多代码。加油啊，水平太low了。