怎样清除内嵌css样式

文章2022-05-1464 人已阅来源:网络

清除内嵌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样式的详细内容!