• 技术文章 >web前端 >前端问答

    css哪个样式不推荐使用

    青灯夜游青灯夜游2021-04-06 18:35:18原创63

    css不推荐使用行内样式,即直接将样式属性写在HTML标签的style属性中。行内样式的缺点:1、结构样式没有分离,不利于后期维护;2、样式不能重复使用。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    css不推荐使用行内样式。

    css 行内样式

    行内样式就是直接把CSS代码添加到HTML的标记的style属性中,即作为HTML标记的属性标记存在。通过这种方法,可以很简单地对某个元素单独定义样式。

    示例:

    新建html文件,输入下面下面代码,创建了三个段落p,定义了一个属性style,用于定义段落的显示样式,例如字体颜色和字体大小。

    1.png

    在浏览器运行,结果如下图所示:

    2.png

    从实例中看到行内样式是通过使用属性style进行定义的,可以任意在一个p标签中。同时,可以发现如果在一个大的应用中所有标签都使用行内样式,后期的维护投入也是很大的,从这方面上来说,应尽量避免使用行内样式。

    行内样式的缺点:

    1、结构样式没有分离 不利于后期维护

    2、样式不能重复使用(推荐不使用)

    (学习视频分享:css视频教程

    以上就是css哪个样式不推荐使用的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:css
    上一篇:css文件是什么文件怎么打开 下一篇:css在html中三种实现方式是什么
    第15期线上培训班

    相关文章推荐

    • 用css3实现一个奥运五环• css中可以实现旋转效果的属性是什么• 使用css3中的什么规则来定义动画• css3支持为网页添加多个背景图片吗

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网