摘要: 响应式布局有三种实现方式: CSS3 Media Query 原生 JS 代码 第三方开源框架(最常见的有 bootstrap) CSS3 -- Media Query 1. 媒体查询实现方式 方式一:styleSheet样式表中的写法: 如:<style>标签中使用@media 方式二:<link 阅读全文
posted @ 2016-12-04 18:40 GraceZy 阅读(694) 评论(0) 推荐(0) 编辑
摘要: bootstrap根据不同屏幕尺寸,选择不同的栅格选项。一共有四种栅格选项,超小屏(手机)、小屏(平板)、中屏(桌面)、大屏(超大桌面)。栅格系统分为12列,即每行最多可容纳12列。若<HTML>里,一个.row内包含的列(column)大于12个(即,一行中的栅格单元超过12个单元),则会自动排版 阅读全文
posted @ 2016-11-28 01:43 GraceZy 阅读(24723) 评论(0) 推荐(3) 编辑
摘要: 文档对象模型( DOM, Document Object Model )主要用于对HTML和XML文档的内容进行操作。DOM描绘了一个层次化的节点树,通过对节点进行操作,实现对文档内容的添加、删除、修改、查找等功能。 一、DOM树 DOM树有两种,分别为节点树和元素树。 节点树:把文档中所有的内容都 阅读全文
posted @ 2016-08-27 00:34 GraceZy 阅读(19259) 评论(0) 推荐(4) 编辑