码迷,mamicode.com
首页 > Web开发 > 详细

在sublimen中整理CSS代码及其兼容性问题

时间:2019-04-15 23:19:36      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:兼容性问题   mamicode   cti   方式   鼠标   块级元素   代码   backspace   标签   

1,使用鼠标选中前面浅灰色缩进。

技术图片

2,Ctrl+H 查找替换  点击 Find All 查找全部缩进。

技术图片技术图片

技术图片

3,按backspace向后删除两次,如下图所示:

技术图片

4,向下按一次方向键,再向左按一次方向键,最后向后删除一次backspance  如下图所示:

技术图片

技术图片

5,CSS代码就整理好了!!!!这里一定记住在书写CSS样式时,一定要记得同时书写注释。

技术图片

 

在书写CSS样式时,可以先写好大体注释:

/*all tag 全员基本样式*/

。。。

/*header导航*/

。。。

/*banner轮播图*/

。。。

/*main主题部分*/

。。。

/*主体侧边栏aside*/

...

/*主体文章article*/

...

/*footer尾部*/

。。。

==============================================

兼容性:

对于低版本浏览器不支持HTML5的一些新标签的处理方式:
可以在CSS中把所有新添加的新标签设置为块级元素即可:

header,nav,section,aside,article,footer{

  display:block;

}

 

在sublimen中整理CSS代码及其兼容性问题

标签:兼容性问题   mamicode   cti   方式   鼠标   块级元素   代码   backspace   标签   

原文地址:https://www.cnblogs.com/Knowledge-is-infinite/p/10713612.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!