HTML5布局之路 HTML5与CSS3新特性与移动端开发

1.HTML5结构元素:
是否使用并不重要,但是由于新元素比单纯的div更有助于结构的搭建,建议开发者在主流浏览器中使用。

2.伪类选择器:
E:root/nth-child/.../

3.圆角边框:
border-radius

4.CSS3背景新尺寸:
background-size

5.移动端布局:横向百分比,纵向rem。
rem就是想用字体的大小除以根元素大小
可以预先定义
html {
font-size: xxpx;
}

6.响应式布局:
最核心的三点技术 通过meta调整视口 通过媒体查询为不同设备加载相应样式 相对单位替换绝对单位

7.css3变形与动画:
transform

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • CSS参考手册 一、初识CSS3 1.1 CSS是什么 CSS3在CSS2.1的基础上增加了很多强大的新功能。目前...
    没汁帅阅读 3,627评论 1 13
  • CSS3简介 CSS3的现状 浏览器支持程度差,需要添加 私有前缀 ; 移动端支持优于PC端; 不断改进中; 应用...
    magic_pill阅读 817评论 0 1
  • 第一次听说这个词是从大boss刘那里听到的,老大是个极其严格而又认真的领导,一次他在全体大会上布置完了一件事,...
    orchid_丁阅读 1,243评论 0 0
  • 春夏秋冬 有多少人会走 春夏秋冬 有多少人会留 万树江边杏 新开一夜风 满园深浅色 照在绿波中 —《春...
    昭月儿阅读 323评论 6 10