登陆界面一个简约的模板及问题注意事项

1.在写一个简约的界面时，body主题概况背景颜色设置为两种，

即：“白色—#fff 或 灰色—#ccc”；

background-color:#fff; ||  background-color:#ccc;

2.<section> 标记 定义一个区域     <article>  标记定义一个文章

(转载摘要)：section元素表示文档或应用的一个部分。所谓“部分”，这里是指按照主题分组的内容区域，通常会带有标题。【也就是每个section对应不同的主题。注意是内容本身的主题，而不是其他人为设定的划分标准。】

section的例子包括书的章节回目、多tab对话框的每个tab页、论文以数字编号的小节。网站的主页可能分成介绍、最新内容、联系信息等section。

注意：网页作者应使用article而不是section元素，如果其内容是用于聚合（syndicate）。【比如blog首页上的每篇blog。又如论坛帖子的一楼、二楼、三楼……n楼。通常这样的每部分内容形式上是类似的，但是来源是独立的。】

注意：section不是通用容器元素。如果仅仅是用于设置样式或脚本处理，应用div元素。一条简单的准则是，只有元素内容会被列在文档大纲中时，才适合用section元素。

3.简约，意味着文本输入框“简单大方”，可以使用border-radius进行设置其圆角效果

border-radius：15px;

注意：border-radius存在浏览器兼容问题，如在火狐或者谷歌等浏览器当中，

即存在以下几种适应于不同的浏览器设置问题

-moz-border-radius:15px;      //火狐；

-weblit-border-radius:15px;   //谷歌；

-ms-border-radius: 15px;        //px为设置其半径的大小；

4.button  :hover为鼠标悬停效果，

curor：pointer;       //表示点状鼠标；

5.position 为定义“定位问题”；

position：absolute；  //绝对定位；(父元素之外的)

relative；   //相对定位;     

fixed;   //绝对定位；(相对于浏览器窗口而言)

注意：必须写其right: 0; top: 0;
    以及所对应容器的height: 34px; width: 360px;

6.在写完整界面时，为了使界面美观易于区分其宽度，高度，以及内边距，外边距，需要使用div+css

对其进行设置。