CSS3响应式布局
2015-08-05 23:15
645 查看
外式样式表:
1.定义外式样式表:
当视口宽度小于480px时,则引入这个css样式
<link type="text/css" rel = "stylesheet" href="link.css" media = "only screen and (max-width:480px)" />
2.内联样式定义
当视口宽度大于480px时,则使用这个样式
<style> @media screen and (min-width:480px){ body{ color:red; } } </style>
相关文章推荐
- alert提示框样式
- CSS重置样式
- CSS选择器的权重计算规则
- 用css改变默认的checkbox样式
- 在引入的css或者js文件后面加参数的作用
- 关于css position 的 static、relative、absolute、fixed、inherit
- CSS3响应式滑动菜单
- 高质量CSS
- 利用CSS3的transition属性实现滑动效果
- 根据数据显示行的样式
- CSS的font-size属性及其em值的使用
- @keyframes规则实现多重背景的CSS动画
- 三列等高 css实现
- ProgressDialog的样式
- 使用CSS实现文字的竖排的简单方法
- Emmet:HTML/CSS代码快速编写神器
- IE和Firefox浏览器CSS兼容性技巧整理
- 纯CSS3实现的8种Loading动画效果
- 使用CSS绘制星级评分效果的方法
- CSS3圆圈旋转的样式