欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

怎样清除内嵌css样式

程序员文章站 2022-03-22 15:06:57
...

清除内嵌css样式的方法:首先打开css项目并查看包含的一些内嵌css样式;然后打开编辑器;接着利用“style=\"(.*?)\"”正则表达式匹配所有内嵌的样式;最后使用替换工具,替换掉所有内容即可。

怎样清除内嵌css样式

本教程操作环境:windows7系统、Sublime Text3&&css3版本,DELL G3电脑。

推荐:css视频教程

内嵌式css样式

内嵌式通过将 CSS 写在网页源文件的头部,即在 <head> 和 <head> 之间,通过使用 HTML 标签中的 <style> 标签将其包围,其特点是该样式只能在此页使用,解决行内样式多次书写的弊端。

<style type="text/css">
p{
    text-align: left;  /*文本左对齐*/
    font-size: 18px;  /*字体大小 18 像素*/
    line-height: 25px;  /*行高 25 像素*/
    text-indent: 2em;  /*首行缩进2个文字大小空间*/
    width: 500px;  /*段落宽度 500 像素*/
    margin: 0 auto;  /*浏览器下居中*/
    margin-bottom: 20px;  /*段落下边距 20 像素*/
}
</style>

怎样清除内嵌css样式?

利用正则表达式清除内嵌样式

很多时候有些项目包含一些内嵌css样式,手动删除浪费时间,如何批量删除内嵌样式呢?PS:需要支持正则表达式匹配查找的编辑器 。

style=\"(.*?)\"   //匹配所有内嵌的样式

然后在编辑器使用替换工具,替换掉所有内容,就清除了。

以上就是怎样清除内嵌css样式的详细内容,更多请关注其它相关文章!

相关标签: css