关闭

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

450人阅读 评论(0) 收藏 举报

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


代码百度云传送门: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%了。



0
0

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:2268次
    • 积分:90
    • 等级:
    • 排名:千里之外
    • 原创:7篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档