前端开发问题总结

padding:内边距,其他标签相对于当前对象的距离

margin:外边距,当前对象相对于其他标签的距离

想通过tab键进行定位时,如果顺序不对,可以采用添加 tabIndex=““ 进行书写顺序

 

IE6下有一个著名的margin双倍bug,出现这个bug需要具备三个条件:

1、浏览器为IE6,大于IE6的ie系列版本和火狐等其他浏览器不会出现这个情况。

2、对象设置了float属性和宽度(可选),如.ILeft { float: left; width: 150px;}

3、对象设置了margin属性,如.ILeft { float: left; width: 150px; margin-left: 15px}

以上的class为ILeft的层在IE6下浏览就会出现左边距为30px的情况,而不是正常想象中的15px。

解决办法是给对象的css属性加上 display:inline 即可解决该bug,代码:.ILeft { float: left; width: 150px; margin-left: 15px; display:inline}。

再次刷新网页,在IE6下的margin双倍的bug就消失了,注意,该bug只针对IE6有效。

 

有关于hrefsrc的区别

href 属性规定被链接文档的位置(URL)。

href是hyperrefresh的缩写.意思是更新,刷新的意思.用于超链接

我们在html中用到href的元素

     <a href="http://www.baidu.com">百度</a>

    <link type="image/x-icon" href="./favicon.ico" rel="shortcut icon">

    <link type="text/css" href="iknow_base.css" rel="stylesheet">

src 属性规定在框架中显示的文档的 URL。

src是search的简写,意思搜索对象.通过是放在图片或框架的时候用到这个让网页去搜索这个对象(有可以是图片或网页等)并显示出来

<frame src=\'#\'" >value">

<script type="text/javascript" src=\'#\'" /script>

<img src="ccc.jpg" >

告诫自己有关超链接的都是href就可以了,其他的都是src



输入框输入过后,直接按Enter键需要响应事件的代码:(意思就是给输入框绑定事件)

 $(document).ready(function () {
            $("#txtPwd").keyup(function (ev) {
                // 13 is ENTER
                if (ev.which === 13) {
                    login();
                }
            });
        });

#txtPwd是输入框的id

keyup()是键盘上按键的响应方法

13是Enter的代号(我个人理解的,^_^)

然后就是需要调用的函数




 

 

 

未完待续

你可能感兴趣的:(css,浏览器,前端开发,div,布局)