首页 > Web开发 > 详细

HTML5布局练习

时间:2020-02-02 18:44:47      阅读:74      评论:0      收藏:0      [点我收藏+]

传统布局

技术分享图片

 HTML5布局

技术分享图片

新布局的意义

技术分享图片

 HTML5布局练习

1 结构层

从上至下 从左至右 从外至里·······

补充:

li不利于搜索引擎收录,尽量少用

2 表现层

熟练运用绝对定位

排序:CSScomb插件:CSS属性排序工具。快捷键:ctrl + shift + C

美化:ctrl + shift + H 

           选中下图位置

   技术分享图片

     alt + F3选中所有前面空格,删除两次,一个空格,按一下“↓”,按一下“←”,再删除一次,一个空格,按一下“↓”,删除一次

写代码同时养成写注释的习惯。   

3 兼容

对于一些HTML5的新标签,可以添加以下代码来解决兼容性问题,但会存在代码冗余问题。

技术分享图片

HTML5布局练习

原文:https://www.cnblogs.com/superjishere/p/12252956.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!