【初识CSS3之媒体查询（2015年05月31日）】的更多相关文章

初识CSS3之媒体查询（2015年05月31日）

一.什么是媒体查询 媒体查询是面向不同设备提供不同样式的一种实现方式,它可以为每种类型的用户提供最佳的体验,也是响应式设计的实现方式. 现今每天都有更多的手机和平板电脑问市.消费者能够拥有可想象到的各种规格和形状的设备,但是网站开发人员却面临一个挑战:如何使他们的网站在传统浏览器.手机和平板电脑浏览器上有很好的效果,如何在各种大小的屏幕上提供一流的用户体验,答案是:采用响应式设计.响应式设计可以随所显示的屏幕大小而改变.实现响应式设计的主要方法是使用 CSS 媒体查询. 二.媒体查询规则 1.引…

初识Less（2015年05月23日）

因为最近在研究Bootstrap,然后才了解到Less,听说Less很强大,又听说Bootstrap+Less会更搭,所以就决定也顺带了解下Less的相关知识. come  on...... 一.简介 Less官网上对它的描述是: Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and man…

Bootstrap之Footer页尾布局（2015年05月28日）

直接上页尾部分的代码: <!--采用container-fluid,使得整个页尾的宽度为100%,并设置它的背景色--><footer class="container-fluid foot-wrap"> <!--采用container,使得页尾内容居中 --> <div class="container"> <div class="row"> <div class="r…

1、关于Boolean（2015年05月30日）

背景:刚在看Effective Java,看到一段关于Boolean提供一个返回实例的静态方法的例子,便去看了下Boolean的源码,发现有些内容是之前没注意到的,于是便有了下面这些. 1. Boolean类将基本类型boolean的值包装在一个对象中,一个Boolean对象之包含一个类型为boolean的字段,摘自源码:     /**      * The value of the Boolean.      *      * @serial      */     private fina…

java之enum枚举（2015年05月28日）

背景: 今天启动了一个新的项目,由于要从之前的旧项目中拿过来一些代码,所以就看了下公司之前项目代码,发现有定义的常量类,也有枚举类,然后就在想着两者的功能差不多,那他们之间到底有什么区别呢,所以就决定了解下enum枚举   一.简介 Java 中的枚举类型采用关键字enum 来定义,从jdk1.5才有的新类型,所有的枚举类型都是继承自Enum 类型.   二.基本用法 1.作为常量使用 一个完整的枚举类型示例 /**  * 枚举  * @author Dreyer  * @since 1.0  …

实用工具推荐（Live Writer）（2015年05月26日）

1.写博客的实用工具 推荐软件:Live Writer 使用步骤: 1.安装 Live Essential 2011,下载地址:http://explore.live.com/windows-live-writer 2.安装 2.1: 2.2:我们只需要Write组件 2.3:点击“安装”按钮,安装完成后,打开该软件 -> Windows Live 中打开 Windows Live Writer 首先需要对 Live Writer 进行配置,在选择日志服务的界面中选择:其他服务,如下图: 点击下…

Font Awesome图标字体库（2015年05月25日）

Font Awesome是一款非常棒的字体图标工具,给个地址,具体的自已慢慢去体会,只能帮你到这儿了...... http://fortawesome.github.io/Font-Awesome/ http://www.bootcss.com/p/font-awesome/…

Bootstrap插件之Carousel轮播效果（2015年-05月-21日）

<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><!--引入boorstrap的css文件--><link rel="stylesheet" href="css/bootstrap.min.css"><!--在引入bootstrap的js文件之前 引入jquery文件,因为boot…

Bootstrap简单Demo（2015年05月-18日）

Bootstrap的简单使用 1.Bootstrap是什么? 这是Bootstrap官网上对它的描述:Bootstrap是最受欢迎的HTML.CSS和JS框架,用于开发响应式布局.移动设备优先的WEB项目 2.Bootstrap的使用需求 1.Bootstrap是一个快速开发Web应用程序的前端框架,并且有丰富的组件.插件,可以用于我们快速开发出用户友好的WEB界面 2.支持移动式设备响应,Bootstrap 会自动帮你针对不同的屏幕尺寸调整你的页面,使其在各个尺寸的屏幕上表现良好. 3.Boo…

css3 media媒体查询器用法总结

随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了.再不更新知识你就老了.我今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法. 准备工作1:设置Meta标签 首先我们在使用Media的时候需要先设置下面这段代码,来兼容移动设备的展示效果: <meta name="viewp…