摘要：
定义和使用 使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。 @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。 浏览器支持 表格中的数字表 阅读全文
摘要：
1，常用选择器：元素（标签／简单）选择器、ID选择器、类选择器、后代选择器（可以将类或者ID应用于它们的祖先，然后使用后代选择器来定位） 2，伪类：有时候，我们需要根据文档结构之外的其他条件对元素应用样式，例如表单元素或链接的状态，可以使用伪类选择器来完成： :link和:visited成为链接伪类 阅读全文
摘要：
慕课网的一个小课程，练习了一遍，不足之处，欢迎指正（照片在本地，大家可以着重看代码哈）： 下面再看下JS代码实现： 阅读全文
摘要：
盒模型代码简写 还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下： margin:10px 15px 12px 14px;/*上设置为10px、右设置为 阅读全文
摘要：
CSS全称为“层叠样式表 (Cascading Style Sheets)” CSS代码语法 css 样式由选择符和声明组成，而声明又由属性和值组成，如下图所示： 选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。 阅读全文
摘要：
DTD（文档类型定义）是一种机器可读的规则，它们定义XML或HTML的特定版本中允许有什么、不允许有什么。在解析网页时，浏览器将使用这些规则检查页面的有效性并且采取相应的措施。浏览器通过分析页面的DOCTYPE声明来了解要使用哪个DTD，由此知道要使用HTML哪个版本。 选择什么样的DOCTYP X 阅读全文
摘要：
MIME(Multipurpose Internet Mail Extensions)多用途互联网邮件扩展类型。是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义的文件名，以及一些媒体文件打开方式。 它是一 阅读全文
摘要：
由于HTML中缺少相应的元素，很难突出显示人、地点或日期等类型的信息。为了解决这个问题，有一组开发人员决定开发一套标准的命名约定盒标记模式来表示这些数据。这些命名约定基于vCard和iCalendar等现有的数据格式，现在称为微格式（microformat)。请看下面的例子： 什么是微格式 微格式： 阅读全文
摘要：
所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说明了盒子模型(Box Model)： 阅读全文
摘要：
ID用于标识页面上的特定元素（比如站点导航），而且必须是唯一的。 ID也可以用来标识持久的结构性元素，例如主导航或内容区域。 ID还可以用来标识一次性元素，例如某个链接或表单元素。 一个ID只能应用于页面上的一个元素。 同一个类名可以应用于页面上任意多个元素，因此类的功能强大的多。类非常适合表示内容 阅读全文