摘要: 响应式网页设计概念响应式网页设计最初是由EthanMarcotte提出的一个概念:为什么一定要为每个用户群各自打造一套设计和开发方案?Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等,它更像是一种对于设计的全新思维模式;我们应当向下兼容、移动优先。背景PC互联网加速向移动端迁移:2012年12月底我国网民规模达到5.64亿,互联网普及率为42.1%,手机用户占网民总数的74.5%。预计到2015年,移动互联网的数据流量将超越PC端的流量。移动端入口:当用户希望通过手机来完成PC页的操作时,常见的是商家的运营微博,期文案足够 阅读全文
posted @ 2013-08-28 14:14 老莫不老 阅读(221) 评论(0) 推荐(0)
摘要: 层叠管理 因为CSS的继承特性,标签的派生标签会受到css的继承产生冲突,例如:body应用的样式,与下面的p标签样式有相同属性但值有区别,导致冲突。最近的祖先样式优先 1 <head> 2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 3 <title>无标题文档</title> 4 <style type="text/css"> 5 body { 6 font-family:Ve 阅读全文
posted @ 2013-03-02 23:30 老莫不老 阅读(214) 评论(0) 推荐(0)
摘要: 标签选择器:整体控制1 h1 { 2 font-family:Verdana, Geneva, sans-serif; 3 color:#006; 4 margin-bottom:0; 5 } 直接控制网页上的各个标签,无需指定哪个样式。类选择器:精确控制 标签控制网页整体,类选择器用于控制网页的各个细节,标签指定了类选择器就不受到标签选择器的控制了。1 .special { 2 color:FF0000; 3 font-family:Arial, Helvetica, sans-serif; 4 }1, 类标签必须以一个圆点开头。2, C... 阅读全文
posted @ 2013-02-24 22:36 老莫不老 阅读(177) 评论(0) 推荐(0)
摘要: 外部样式表 采用外部样式表是最好的,它能使创建网页变的简单。将所有样式信息放在一个文件里,然后用一行代码引用它即可。 代码很容易错字,检查办法有firefox – tools – error 控制台 – 点击“警告(warnings)”就可以看到firefox 无法识别的css代码。 关联外部样式表<link>标签html <link rel=”stylesheet” type=”text/css” href=”css/global.css”>XHTML <link rel="stylesheet" type="text/css&qu 阅读全文
posted @ 2013-01-28 18:37 老莫不老 阅读(294) 评论(0) 推荐(0)