1.以下关于盒子模型描述正确的是：（ ）A.标准盒子模型中：盒子的总宽度 ＝ 左右margin + 左右border + 左右padding + widthB.IE盒子模型中：盒子总宽度 ＝ 左右margin + 左右border + widthC.标准盒子模型中：盒子的总宽度 ＝ 左右margin + 左右border + widthD.IE盒子模型中：盒...

Q: CSS 有哪些样式可以给子元素继承! 可继承的:font-size,font-weight,line-height,color,cursor等 不可继承的一般是会改变盒子模型的:display,margin、border、padding、height等 更加全面的可以到引擎找 Q: CSS 中transition和animate有何区别? anima...

如果我用一句话来总结所有的 Tips 的话，读起来像是这样： “DevTools是一款功能强大的软件，很容易被忽视， 它隐藏着许多我们甚至常常怀疑是否需要的那些功能” 好吧，那是两句话，无论如何，学无止境，最后也推荐给大家几个优质的内容 1. Google Chrome Developers高度推荐你订阅 Google Chrome Developers 的...

我们总是习惯于先在 IDE 或者文本编辑器中修改代码，然后再进入 Chorme 中进行调试，那有没有想过直接就在 Chrome 中来修改我们的代码呢？ 对于这样的想法，Chrome DevTools 提供了哪些支持呢？ 1. 在 Chrome 中修改你的文件有时在代码执行的位置也是最容易编辑代码的位置（对于前端来说也就是浏览器）。如果你把项目的文件夹直接拖到...

查看配置 12345git config --global --list// 可选参数 --global(有所仓库)--local(当前仓库) --system(当前系统登陆用户) 设置名字、邮箱 12git config --global user.name 'yourName'git config --blobal user.emai...

说到 Drawer 大部分的朋友可能都很陌生，那 Drawer 是个什么东西？ Chrome DevTools 有很多部分，被分为9个 tab (俗称选项卡) ( Elements ， Console ， Sources ， Network ， 等等…) 但是，那仅仅是它的一部分而已！有一组平行的选项卡，被隐藏在主窗口之下。这个组合被称为 Drawer 1....

1. 通过 'h' 来隐藏元素按一下 'h' 就可以隐藏你在元素面板中选择的元素。再次按下 ‘h‘ 可以使它出现。某些的时候这很有用：例如你想截图，但你想去掉里面的敏感信息。 2. 拖动 & 放置 元素当你想看看页面的某一部分在 DOM 树的不同位置的显示效果时，只需要拖动放置它(到指定的位置)，就像在机器上的其他任...

一、水平居中1.1 行内元素1234.parent { text-align: center;}复制代码 1.2 块级元素1.2.1 块级元素一般居中方法1234.son { margin: 0 auto;}复制代码 1.2.2 子元素含 float123456789.parent{ ...

Network 作为我们经常调试的 Chrome 面板，你知道它有哪些使用技巧吗？ 1. 隐藏 network overview你经常查看 Network 面板是为了: 我想看看请求的时间轴信息 我就想看看请求列表- 确认下请求状态，资源大小和响应结果呢 我赌你是后者，如果是这样，那么 Overview 的部分就没有任何理由占用 Network 接近一半...

我最开始接触前端的时候，学会用的就是 console.log ，甚至现在，大部分情况也还在用它调试，但是，在不同的场景下，除了 log ，其实有更好的选择。 1. console.assert在 MDN 中是这样定义的 12console.assert(assertion, obj1 [, obj2, ..., objN]);console.assert(a...