每周总结②

标签：

电话面试，被问到行内元素和块级元素的区别。

我回答说，块级元素独占一行，可设置宽高。行内元素不会独占一行，且不能设置宽高。

然后面试官问我，img和input是行内元素么，他们能设置宽高吗？

我一想，是啊，这两个也是行内元素，不过却能设置宽高啊。于是当场被问住了，说不出所以然。。。

然后自己查阅资料，发现了这篇博文，为何img、input等内联元素可以设置宽、高（http://blog.csdn.net/jlds123/article/details/8647448）

豁然开朗，原来img和input是替换元素，他们是有内在尺寸的。如果不设定宽高，会以默认宽高显示。需要注意的是，几乎所有的可替换元素都是行内元素。

而行内元素中的非替换元素，如<a> <span> <em> <i>等元素是不可设定宽高的。

4：<div>1</div><div style="float:left">2</div>依旧在第二行

5：鼠标悬停CSS选择变色 tr:hover{background:!@#}

6: class*="col-"选择所有没有这个字符的元素

7：form-control box-shadow和box-color使用CSS3动画进出

8:  disabled 效果 ①cursor:not-allowed ②background-color:#eee

9:  label包裹的范围均是其input的效果区

10: .btn ①type-submit会触发默认事件提交表单 ②background-color会扩展到内边距 ③vertical-aligh-middle ④text-align - center

7-10

1: opacity和rgba

2: pointer-events:none可以禁用点击事件

3：bootstrap插件应用方式 ①data属性API直接使用（优先）

　　　　　　　　　　　　　②JS方式

　　　　　　　　　　　　　③第一种方式一个元素只能绑定一个插件，如果需要触发两个插件，使用一个元素包裹它

 4：随着滚动栏的变化改变CSS样式（https://tradetrendy.com/）---它上面的$(window)写成$window却可以用，但是我不可以，估计用了什么别的框架吧

<script>
var toggleHeaderFloating = function() {
// Floating Header
if ( $(window).scrollTop() > 80 ) {
$("div").addClass( ‘floating‘ );
} else {
$("div").removeClass( ‘floating‘ );
};
};

$(window).on( ‘scroll‘, toggleHeaderFloating );
</script>

如果可以的话，希望下个星期可以看完bootstrap的CSS和JS部分，把疑问也解决，再下个星期仔细学习一下backbone和underscore

每周总结②

标签：

原文地址：http://www.cnblogs.com/cndotabestdota/p/5658473.html