化冰之路—Html5-入门系列 - 随笔分类 - 卡尔西法calcifer

巧用 BootStrap -- 栅格系统（布局）轻松搞定网页响应式布局！

摘要：摘要：Bootstrap 为我们提供了一套响应式、移动设备优先的流式栅格系统，合理的使用栅格系统将会使得网站页面布局变得更加简单，在设置了媒体查询之后，响应式网站也无需再单独写了。接下来我以Bootstrap的中文官网首页为模板进行展示其栅格布局的使用方法以及相关知识点。相信在看完这篇文章之后，你完阅读全文

posted @ 2017-09-19 17:10 卡尔西法calcifer 阅读(2197) 评论(1) 推荐(0)

第三部分-----移动开发与响应式

摘要：PART-1 移动开发常用技巧【viewport基本知识】设置布局viewport的各种信息： 1、width=device-width：设置viewport视口宽度等于设备宽度 2、initial-scale=1：网页默认缩放比为1（网页在手持设备上不会进行缩放） 3、minimum-scal 阅读全文

posted @ 2017-08-13 21:34 卡尔西法calcifer 阅读(152) 评论(0) 推荐(0)

第二部分----CSS的基础语法

摘要：PART-1 CSS的基础常识一、什么是CSS？ W3C标准中，倡导有3：其一为内容与表现分离，其二为内容与行为分离，其三为内容结构的语义化。其倡导中第一条的“表现”指的便可以说是CSS。CSS全称Cascading Style Sheets，中文名为层叠样式表，是一种用来表现HTML等文件样式的阅读全文

posted @ 2017-08-06 16:01 卡尔西法calcifer 阅读(371) 评论(0) 推荐(1)

第一部分----HTML的基本结构与基本标签

摘要：PART-1 HTML的基本结构以及Header的部分一、什么是HTML？ HTML是超文本标签语言，即网页的源码。而浏览器就是翻译解释HTML源码的工具。二、HTML文档的结构：三、详细注释： <!DOCTYPE html><!--↑ HTML的文档类型声明：声明这个文件是HTML5文件，让阅读全文

posted @ 2017-08-06 13:53 卡尔西法calcifer 阅读(512) 评论(0) 推荐(0)

随笔分类 - 化冰之路—Html5-入门系列