HTML和CSS是面向对象的

用户代理为我们提供了一个类库(标签库),每个类都有一些内置的属性,其中有一个叫style的属性专门负责这个类的实例的视觉表现.这个style本身也是一个类.

类库之间的类也是相互继承而来,当然也继承了其style属性.

我们在编写HTML的时候其实就是创建了这些类的一个个对象,这些对象的style属性默认是由类实例化出来的(继承来的),我们可以修改它(重写或叫做层叠)

与一般面向对象不同的是,style对象的属性是有数量限制的.

有些类是不可被实例化的,只能被继承.

待续..................

http://www.w3.org/wiki/Inheritance_and_cascade

时间： 2024-10-13 03:03:40

HTML和CSS是面向对象的的相关文章

重构：CSS也面向对象

最初接触到面向对象的CSS还是因为项目中的CSS已经超过八千行,缺乏约束和管理,在近期或者是不远的将来,有迫切的要求需要重构.在前端重构中,我们已经讨论过了JavaScript面向对象的重构,在这个时候再看一看CSS面向对象和模块化,这给我的工作提供了非常好的思路. 首先,我要说的是,在这个概念翻飞的年代里,固执地追求某些概念和涵义,并不能带来更优秀的设计和更高的生产力,面向对象是一种思路,或者说是一种方法论,给CSS重构带来一些启示,这就足够了,没有必要去纠结OO CSS的定义和严谨性. 我们

使用自己的CSS框架（转）

[经典推介]CSS框架选择向导 不少CSS框架已经存在了一段时间,但大多数Web开发人员避免使用它们. 相反最有经验的开发者希望创建自己的CSS框架,提供个性化解决方案的优势,并减少对第三方的解决方案消极方面的依赖.虽然CSS框架,目的是加快网络开发,但是开发自己的全面的CSS框架,可能需要大量时间和精力. 本文将提供指导和精心挑选的资源,以协助你完成这一心愿.                  开始之前         首先尝试一些流行的CSS框架或者至少去看看他们提供的文件: Bluepri

css实现三角的一些方法

css实现三角没有想象中的那么难,只要明白border的各种属性的意思就很好明白css三角是如何实现的. 一下是几个很简单的例子: css三角形状的制作: css样式: .triangle{ width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid red; }  方法解释:定义 左右两边边框透明,下边框不定义,上边框定义颜色即

CSS预编译语言-LESS

LESS的作用 CSS层叠样式表,它是标记语言,不是编程语言:所有的预编译CSS语言(less/sass-)都是赋予了CSS的面向对象思想 LESS的编译 LESS叫做预编译CSS:写好的LESS代码浏览器是不能渲染的,需要我们把它编译成为能渲染的CSS才可以 开发环境 在本地开发中这是开发环境 生产环境 本地开发完成了,我们需要把代码上传到服务器上,服务器上的环境叫做生产环境 在开发环境下,我们一般都通过导入LESS插件(less-2.5.3.min.js)来随时编译LESS代码 <!--re

如何去组织你的CSS代码

1.Object Oriented CSS (OOCSS) 面向对象的 CSS.OOCSS 的想法首先要明白 CSS 的 “Object” 是个毛线玩意. CSS的样式是需要应用到页面的结构上的.通俗的讲就是需要应用到HTML标签上.比如一个页面上的一个区域.控件.标签等,就是一个 Object ,大部分情况下,这种 Object 肯定是可以复用的. 常见的比如 Button按钮.视觉上就可能是一个图形按钮,然后我们可以在其上面添加各种样式,以获得我们想要的效果. Tag : button ca

javascript 高级程序设计 学习笔记

<!--<script> // 异步请求封装 IE6即以上浏览器 // ajax(url,fnSucc,selectID,fnFaild) //url 请求地址 //fnSucc 异步请求后的内容处理函数 //fnFaild 请求失败处理函数 function ajax(url,fnSucc,fnFaild) { //1.创建Ajax对象 //非IE6 var oAjax; if(window.XMLHttpRequest)//不会报错,只会是undefined {oAjax=new X

成为伟大程序员的 10 个要点

最近我在接受采访时被问到我关于成为一名伟大程序员的见解.这是一个有趣的问题,我认为我们都可以是伟大的程序员,无论我们的天赋如何,如果我们遵循一些规则的话--我相信--这应该是常识.实际上,这些规则并不只适用于编程领域,也适合任何专业. 当然,这10个要点中的所有内容并不都是完全正儿八经的,有些事情只是我的看法,你的情况可能会有所不同,所以如果出现矛盾的话,不要耿耿于怀. 这些要点是: 1.学习如何提问 提问题的程序员基本上有这些类型: 完美主义者:特别是在询问关于某些开源工具的问题时,他们可能已

成为一个伟大程序员的 10 个要点

最近我在接受采访时被问到我关于成为一名伟大程序员的见解.这是一个有趣的问题,我认为我们都可以是伟大的程序员,无论我们的天赋如何,如果我们遵循一些规则的话--我相信--这应该是常识.实际上,这些规则并不只适用于编程领域,也适合任何专业. 当然,这10个要点中的所有内容并不都是完全正儿八经的,有些事情只是我的看法,你的情况可能会有所不同,所以如果出现矛盾的话,不要耿耿于怀. 这些要点是: 1.学习如何提问 提问题的程序员基本上有这些类型: 完美主义者:特别是在询问关于某些开源工具的问题时,他们可能已

前端的开发规范

前端的开发规范 版权声明:本文为CSDN博主「weixin_41640944」的原创文章,遵循CC 4.0 by-sa版权协议,附上本声明. 原文链接:https://blog.csdn.net/weixin_41640944/article/details/89462053 本文主要从以下几个方面来概述前端的开发规范 目录构建规范 前端命名规范 前端工作规范 开发文档的书写规范 1. 前端目录构建规范 我们从命名原则.根目录.业务逻辑等方面进行目录构建 1.1 命名原则: - 简洁明了(如下: