【总结】模仿知乎登录注册界面制作时遇见的一些微小的问题

嗨！如果你也遇见了和我一样的问题，希望我的笔记能对你有所帮助，如果你有更好的解决办法，欢迎一起沟通交流！

代码百度云传送门：http://pan.baidu.com/s/1kUFyysJ

1、a:visited样式没有作用

解决：中必须有属性href存在，a:vistied的样式才会起作用

2、如果一个元素被设置为float，则对该元素绑定点击事件无效。因为float会让元素脱离文档流。

     例如：click me

               则在JS里设置：document。getElementById("button").οnclick=function(){}; 这时候function里面的代码是不会执行的

3、给一个标签设置样式，并且给该标签添加一个类，在类中定义样式。同样的样式标签中的样式优先级会大于类在CSS中定义的样式。

4、如何让一个网页的元素永远居中？

      方法一：使用自动外边距实现居中，即margin-left和margin-right都设置为auto。实际应用中，我们可以为要居中的元素创建一个容器，如

                      注意：必须为该容器设置宽度、该方法中IE版本不低于6.0

      方法二：使用text-align:center实现居中

                       body{

                               text-align:center;

                       }

                       则应用到了所有作为容器的元素上。另外，真正遵循标准的浏览器并不会改变容器的位置，只会让其中的文字居中。

      方法三：组合使用自动外边距和文本对齐，能让居中效果得到最大限度的跨浏览器的支持

      方法四：负外边距的解决办法

                      首先，创建一个包含居中元素的容器，然后将其绝对定位在相对于左边边缘50%的位置，然后将容器的左外边距设置为负的容器宽度的一半，这样就可以把容器固定在页面水平方向的中点。该方法适用性极广。

5、在这个网页中，文本输入框，当他的width设置为100%的时候，他真正的width是会大于100%的，为什么？

       因为文本输入框的width设置为100%的时候，实际上是文字宽度设置为100%，而加上border边框和padding内边距这些因素，他的实际width就大于100%了。