响应式网站个人学习记录01
来源:互联网 发布:矩阵的乘法运算法则 编辑:程序博客网 时间:2024/06/06 00:24
注意:
1.
一般使用class定义样式,id一般用于js快速的区别和获取元素class,class一般都中横线分隔,id一般使用驼峰命名法。
<nav class="top-ssl" id="buttonAler"></nav>
必不可少的图片使用<img>引入
可以使用Normalize.css对样式进行重构
2.(px,em,rem)
2.11px相当于1像素
2.2em是相对长度单位(相对参照物是父元素的font-size),具有继承的特点,当没有设置font-size时候,浏览器会有一个默认的em设置:1em=16px;
em的缺点容易混乱
2.3rem的相对参照物为跟元素html,相对参照固定不变,比较好计算
当没有设置font-size时候,浏览器会有一个默认的em设置:rem 设置:1rem=16px,这一点和em是一致的
浏览器兼容查询 caniuse.comcaniuse.com/#search=rem
3.清除浮动技巧
.clearfix:before,.clearfix:after{ content:" "; display:table;}
.clearfix:after{ clear:both;}
阅读全文
0 0
- 响应式网站个人学习记录01
- 个人学习网站的记录
- 响应式网站实战学习
- 响应式网站布局学习
- 程序员个人网站记录
- 个人记录必备网站
- 搭建 个人网站记录
- 一些漂亮的响应式网站学习
- 个人学习记录
- WebService个人学习记录
- 个人Android学习记录
- UITableView个人学习记录
- 记录个人学习网址
- 个人学习知识记录
- 个人学习记录
- Bootstrap3实现的响应式幻灯滑动效果个人作品集/博客网站模板
- Bootstrap3实现的响应式幻灯滑动效果个人作品集/博客网站模板
- 响应式布局个人随笔
- CollectionUtils各种方法,总有一个满足你
- JVM-类加载机制
- pytreebank︱情感分析可视化——情感结构树
- 图像识别与处理之Opencv——常用的OpenCV2函数速查
- numpy初步使用
- 响应式网站个人学习记录01
- 简单工厂和策略模式对比
- IOS 导航条与UIScrollView冲突解决方法
- select2简单使用(含ajax获取是数据)
- GreenDAO 学习笔记-小白教程(二)使用单例类来管理DaoSession
- Spring JTA应用JOTM & Atomikos
- TensorFlow学习日记23
- MySQL的安装与配置
- UESTC