美文网首页
内容样式分离原则

内容样式分离原则

作者: 春木橙云 | 来源:发表于2017-06-03 12:38 被阅读8次

回顾发现的新原则,觉得真的很正确,在这里补充一下哈

我们都知道,HTML负责结构,就像人的头骨,决定着整体。css负责样式,就像人头骨上的肉,决定人长得丑美。javascript负责行为,就像人的表情。

所谓内容样式分离原则是指:

  1. 写HTML的时候先不要管样式,重点放在HTML的语义化和结构上,让HTML能够体现页面结构和内容。

  2. HTML中不要出现属性样式<img width:100px>,尽量不要出现行内样式,如<div style="color:red">

  3. javascript不要直接去操作样式,比如ddocument.getElementsByClassName('btn').css('background':'red'),而是以添加class的方式进行。


2017.08.08更新:
现在流行的react框架却主张css in javaScript模式,目的是让代码更加独立。于是你会在react的代码中看到类似于<div style={{color:'red'}}>样式内联啦啊啊啊啊!</div>,样式分离原则越来越被摈弃。

相关文章

  • 内容样式分离原则

    回顾发现的新原则,觉得真的很正确,在这里补充一下哈 我们都知道,HTML负责结构,就像人的头骨,决定着整体。css...

  • 怎样理解内容与样式分离的原则

    怎样理解内容与样式分离的原则 在 Web 开发中,所谓内容与样式分离,就是让内容的归 HTML, 样式归 CSS,...

  • 内容与样式分离原则

    内容与样式分离原则,等同于现在比较火的概念:结构、样式和行为分离原则。它们的中心思想是一样的,实现不同作用的代码进...

  • 29 进阶:用jQuery做个轮播

    课堂笔记 设计页面的原则: 内容、样式、行为的分离;即html负责内容,css负责样式,JavaScript负责行...

  • 内容与样式分离的原则

    html主要是控制页面内容结构就像页面的骨架,css主要是控制页面样式,js主要控制页面的元素的行为。他们三者相互...

  • 任务四——课程作业3

    三、怎样理解内容与样式分离的原则 3.1 首先理解内容和样式分别是什么? 当我们谈内容和样式的时候,我们在谈什么?...

  • 午后小结

    目录 文档声明的作用. 的作用? 内容 & 样式分离的原则. 严格模式 | 混杂模...

  • JavaScript 【02】jQuery做轮播

    1. 内容 (html) 样式(css) 行为(JavaScript) 分离 内容、样式、行为分离的个人总结:...

  • A29-用jQuery做个轮播

    这次我们将用jQuery做一个轮播 在遵循原则:内容(HTML)、样式(CSS)、行为(JavaScript)分离...

  • 入门任务4交作业

    提问 HTML、XML、XHTML 有什么区别 怎样理解 HTML 语义化 怎样理解内容与样式分离的原则 有...

网友评论

      本文标题:内容样式分离原则

      本文链接:https://www.haomeiwen.com/subject/cinpfxtx.html