sxty0220 博客之家

小时侯，幸福是一件东西，拥有就幸福；长大后，幸福是一个目标，达到就幸福；成熟后，发现幸福原来是一种心

12月 10月 09月 04月 03月

转载 media type与media query

media type(媒体类型)是css 2中的一个非常有用的属性，通过media type我们可以对不同的设备指定特定的样式，从而实现更丰富的界面。media query(媒体查询)是对media type的一种增强，是CSS 3的重要内容之一。随着移动互联网的发展，media query开始得到大家的重视。media type让我们先了解一下media type，其实这个大家会比较熟悉

2014-03-28 21:41:17 735

转载 css样式大全(整理版）

字体属性：(font)大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常)行高 {line-height: normal;}(正常) 单位：PX、PD、EM粗细 {font-weight: b

2014-03-26 22:23:25 787

转载用CSS来实现网页自适应设计

目前来说，我们的网站一般会遇到制作一个移动版的网站——手机web，叫法很多：3G版、触屏版等。而通过什么以下这种方式来实现比较容易。需要用到的CSS元素：CSS3 Media Queries下边是media标签的10个值，可见常用的并不多。当没有media标签时，默认为media="all"。all-- 用于所有设备类型 aural-- 用于语音和音乐合成器 braille

2014-03-15 14:40:24 1095

转载 CSS3 Media Queries 详细介绍与使用方法，Responsive Web Design 必备技术

上一篇我们介绍了Responsive Web Design之后，这次要来详细介绍CSS3 Media Queries了。在上一篇中，我們提到Responsive Web Desig n 的實作方式有大半都是利用CSS3 Media Queries 來達成。在上一篇中，我们提到Responsive Web Desig n的实作方式有大半都是利用CSS3 Media Queries来达成

2014-03-13 15:33:21 1289

转载 Responsive Web Design 简单介绍与优缺点、实作入门, 响应式设计

这一两年中最夯的网页设计不外乎就是Responsive Web Design 了，中文译名为「自适应网页设计」（不过这个名称仍然不太好），就字面上意思来说就是当一个网页在不同的解析度下，会呈现不同的介面，也就是在不同的介面上适应。会这么热门的原因是，这几年来随着Smart Phone、Tablet 等行动装置开始兴起之后，有许多人都开始使用行动装置来阅读网页。而传统的网页只有为传统PC 做

2014-03-13 15:25:44 1294