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

原创 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%了。



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

react-native Modal使用

import React, {Component} from 'react'; import {   Modal,   Text,   Image,   TouchableHighlight...

django 1.11.5与python3.62实现简单的 注册,登录与修改密码

1:创建modle from django.db import models import django.utils.timesince as timesince from django.con...

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

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

微小秘电脑版+注册机

  • 2015年05月06日 23:47
  • 45.4MB
  • 下载

换域名和若干个小白却很微小的问题

最近换了网站的域名,使用的是apache的rewrite功能实现301跳转,原本的apache并没有安装rewrite模块,于是乎上网找了一些帮助,还好原来的安装文件还在,我的安装包还在,于是就解压a...
  • lewy7
  • lewy7
  • 2015年06月01日 12:26
  • 356

mysql+phpstrom10.04写一个简单登录注册界面

因为用的phpstrom10的版本,所以接收的时候都是用get,试了一些百度的方法换成post但是没有成功,可能还不是太熟悉这个编辑器 大家如果有啥看法换用提出来,毕竟我也是初学者。。只是来探测一些p...

【Android】用户登录注册界面开发及用户信息管理案例代码详解

Android入门级别的用户登录注册及数据管理的案例详细介绍。

Android设计登录界面、找回密码、注册功能

这篇文章主要为大家详细介绍了Android设计登录界面的方法,Android实现找回密码、注册功能,感兴趣的小伙伴们可以参考一下 1.数据库的设计 我在数据库中添加了两张表,一张表用来存储用户...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【总结】模仿知乎登录注册界面制作时遇见的一些微小的问题
举报原因:
原因补充:

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