css行内样式为什么尽量不要使用
程序员文章站
2022-04-04 16:17:52
...
css行内样式是直接将样式属性写在开始标签style属性中,多个元素难以共享样式,不利于代码复用;且HTML和CSS代码混杂,结构样式没有分离,不利于程序员和搜索引擎阅读,不利于后期维护。
本教程操作环境:windows7系统、css3版本,Dell G3电脑。
推荐:css视频教程
css行内样式
直接将样式属性写在开始标签style属性中
<div style="属性名称:属性值;属性名称:属性值;"></div>
缺点:
- 多个元素难以共享样式,不利于代码复用
- HTML和CSS代码混杂,结构样式没有分离,不利于程序员和搜索引擎阅读,不利于后期维护
说明:
对开发者来说,样式与html分离,有助于后期更改一个新的样式(也可以说新的主题,很多ui框架都是直接切换主题的)
对浏览器来说,样式文件由于是单独文件,可以在本地建立一个缓存,有利于加快访问网页。
对服务器来说,如果样式文件浏览器减少加载,那么服务器就可以减少下载流量,可以节约服务器带宽。
虽然这些东西,对于一个用户来说是微不足道的,但是当数量级达到一定程度,一个字节的流量都是十分重要的,所以css行内样式尽量不要使用。
更多编程相关知识,请访问:编程教学!!
以上就是css行内样式为什么尽量不要使用的详细内容,更多请关注其它相关文章!
上一篇: 怎么遍历DOM
下一篇: php怎么设置session id
推荐阅读
-
实例说明为什么不要行内使用javascript_javascript技巧
-
用尽量少的DIV 标签配合样式如何实现下面2图效果(不考虑兼容性,不允许使用图片或背景图)?_html/css_WEB-ITnose
-
用尽量少的DIV 标签配合样式如何实现下面2图效果(不考虑兼容性,不允许使用图片或背景图)?_html/css_WEB-ITnose
-
实例说明为什么不要行内使用javascript_javascript技巧
-
为什么在CSS中不要再使用@import_html/css_WEB-ITnose
-
详解css行内样式、内嵌样式与外部引用样式的使用方法
-
css行内样式为什么尽量不要使用
-
为什么在CSS中不要再使用@import_html/css_WEB-ITnose
-
详解css行内样式、内嵌样式与外部引用样式的使用方法
-
css行内样式为什么尽量不要使用