HTML & CSS · 开发相关 · 折腾

Media Query 学习笔记

Media Query 简介

Media Query 即媒体查询,借助其可实现响应式设计。Meidia Queries,该网站收集了很多优秀的 RWD(Responsive web design) 的网站。

在 HTML4 和 CSS2 只支持对于不同的媒体类型来设置样式,而 Media Query 扩充了 Media Type 的功能,并且使我们能够更精准的应用样式表。

JavaScript

JavaScript 闭包

本文来自《精通JavaScript》一书

在本书中,我们看到过很多以函数作为参数的jQuery方法。在我们所举的例子中,也曾经反复的创建、调用和传递函数。虽然我们平时只需粗略地了解JavaScript的内部工作机制,就可以这样使用函数,但是,如果缺乏对这个语言特性深入理解,那么这些操作的副作用也会时不时给我们带来意想不到的结果。在本附录中,我们再额外探讨一种深奥(也很流行)的函数类型,这就是闭包。

1 内部函数

能够跻身支持内部函数声明的编程语言行列,对JavaScript来说应该算是一种幸运。许多传统的编程语言(例如C),都会把全部函数集中在顶级作用域中。而支持内部函数的语言,则允许开发者在必要的地方集合小型实用函数,以避免对命名空间的干扰。

HTML & CSS

由p元素不能包含什么想开去

今天在做读书笔记的时候(目前使用HTML书写),遇到一个困惑:p元素不能包含什么?不想不知道,一想吓一跳。正如最近几天我在反思的:自己对HTML标准理解不够深入,导致自己在很多地方认识很模糊,进而产生模棱两口的情况。我是有着选择强迫症的,这是我不能忍受,多种选择的我定要区分出最佳出来的(在某些时候其实这也挺好)。比如今天的问题:由p元素不能包含?就暴露了自己对行内元素以及块元素区认识不深刻(这是委婉的说法,实际我一直对此的认识为空白),扯远点还有对语义化认识不足。

起初我仅仅想知道p元素不能包含哪些元素,想找出有没有业界约定俗成的做法。但是这样Google显然是无果的,但幸运的是我发现了这篇文章 《HTML中为何P标签内不可包含DIV标签?》 ,这篇文章完美的得解决了我心中的疑惑,并且将我的思考思考方向引领到正确的方向上去。

本文开头提出的问题可以转化为:p元素是什么?既然是块元素,那么问题就是块级块元素不能包涵哪些元素。首先我们需要了解HTML约束的分类。在网上胡乱Google到这些(也无法考证正确性)。HTML元素分为三大种:

  1. 顶级元素(Top-level element)
  2. 块级元素(Block-level element)
  3. 内联元素(Inline element)