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

原创 2016年08月31日 12:18:37

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


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


1、a:visited样式没有作用

解决:<a></a>中必须有属性href存在,a:vistied的样式才会起作用


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

     例如:<span style="float:left"  id="button">click me</span>

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


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


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

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

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

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

                       body{

                               text-align:center;

                       }

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

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

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

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


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

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



版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

vs2010asp.net网站制作用户注册登录界面源代码(包含验证码)并把用户信息保存到数据库sql2008

数据库名是Member login.aspx代码:                 .a         {   ...

微小秘注册机

  • 2016-01-03 20:04
  • 25KB
  • 下载

微小秘电脑版+注册机

  • 2015-05-06 23:47
  • 45.40MB
  • 下载

CSDN第一天——简单的登录注册及针对不同用户显示不同界面

感谢生活中的良师益友,一本好书,一个好的教学视屏,一个好的学长推荐,希望明天会更好!

C# 餐桌项目增加、修改、删除、查询(登录注册界面)

1.封装DeskInfo类using System; using System.Collections.Generic; using System.Linq; using System.Text; u...

创建游戏的登录注册界面

首先这个界面分为登录界面和注册界面,而在这两个界面中,精灵和标签就不用多说了。剩余的用的最多的两个控件是EditBox和Menu。使用方法如下: local editName = cc.EditBo...

Java web 写一个注册登录界面,Sql 10

1 首先在sql 中创建一个数据库  ASD 然后创建一个表 存放 用户名,密码,性别,爱好,出生日期,个性签名,注册时间。 2 ,写一个java 类 User,连接数据库, package ...

实用资源-20个注册登录界面PSD

在这篇文章中我们收集了20个可免费下载的注册登录界面PSD,从简洁的扁平化到精致的拟物化都有,童鞋们可以依自己的需求择优而求。 Registration Form Sign up ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)