漫谈CSS的体系与格局(图示)

  很早就想为CSS做个图,一来是没时间、第二是感觉挺复杂,今天写了操作性之后,也懒得做活了,就打开fireworks开始作图啦!
下面是关于整个CSS的:
说明:
  现阶段大家使用的CSS,分两中模式:Quirks mode和Strict mode,
  Quirks mode自然是浏览器生产商自己的模式,其中含有对CSS的解析,私有CSS.
  标准模式(strict mode),当然有W3C制定,现在浏览器普遍支持的和我们使用的是CSS 2.1 规范(CSS 2.1 Specification).
  关于这两种模式的详细情况可去阅读Quirks mode and strict mode
  根据Quirks mode诞生了CSS hack & filters,过滤浏览器,使的为网页设计CSS样式的时候,能够兼容各种浏览器.
关于属性的:
说明:
  属性名可以包含以下信息
  取值: 规定的值 & 语法
  初始值: 初始的值
  应用于:可以应用于哪些元素
  继承性: 是否拥有继承性
  百分率:百分比值是怎么工作的?
  媒体: 可用于那种设备
  优先权:后者覆盖前者
  !important声明:声明优先权(IE5.X 6.0 不支持)
 

时间: 2024-08-31 17:07:22

漫谈CSS的体系与格局(图示)的相关文章

css的问题:如图示,真心想不通

问题描述 css的问题:如图示,真心想不通 我只改了前面的东西,为什么显示效果就变了? 解决方案 我认为是选择器的优先级的问题 解决方案二: 某些特性被继承了,这个应该是层叠问题 解决方案三: 两次选择到的li有可能不一样,少了父级的限制 解决方案四: 某些特性被继承了,这个应该是层叠问题 解决方案五: css中的包含块问题----------------------

SpringSide开发实战(三):漫谈CSS和页面布局

这篇随笔不是专门针对SpringSide,却只得每个程序员一看. 还记得胡戈调侃<无极>中的王城布局为"圈圈套圈圈"娱乐城,也还记得我刚开始做 Web开发时"表格套表格"的页面布局.在大部分的程序员中,可能还在使用表格进行布局 ,使用表格进行布局的巨大缺点就是当页面进行一点点修改的时候,都有可能完全打乱页面 的外观,而且非常不利于和美工的配合.当然了,很多美工人员也在使用表格进行布局,他 们在图形软件中设计好页面,然后使用切片工具一切就完事,却给我们需要

CSS体系格局参考图

css|参考|体系  很早就想为CSS做个图,可惜一没时间二挺复杂,今天写了操作性之后,也懒得做活了,就打开fireworks开始作图啦!下面是关于整个CSS的: 说明:现阶段大家使用的CSS,分两中模式:Quirks mode和Strict mode,Quirks mode自然是浏览器生产商自己的模式,其中含有对CSS的解析,私有CSS.标准模式(strict mode),当然有W3C制定,现在浏览器普遍支持的和我们使用的是CSS21/ href="http://www.w3.org/TR/C

使用OrganicCSS:使用CSS的最佳方式

文章简介:我不知道我将来会不会使用OrganicCSS,但这并不是最重要的部分.我能从中学到东西才是最重要的.我知道我必须改变我们的CSS开发过程,我做到了.我认为我们应该多谈谈CSS的框架.你可以看到我们有很多好的资源.我们必须找到他们,学习他们做什么以及如何工作.只有这样 你不要觉得CSS没什么重要可言?最近几年他成为一个热门的话题,很多人都在讨论他.CSS并不是一个简单的事情,前端开发者可以使用他将页面制作的更佳漂亮.看得更远一些,我们更关心的是网站的性能以及如何制作出更好的网站.在本文中

CSS魔法堂:小结一下Box Model与Positioning Scheme

Positioning Scheme的优先级  简单粗暴上规则:) Normal flow作为默认的定位模式其优先级自然是最低的; Absolute positioning相比Float,与Normal flow关联性更弱,优先级最高; 优先级从低到高: Normal flow < Float < Absolute positioning Box Model与Positioning Scheme的关系  之前我总觉得Box Model是一个随定位模式变化的结构,但其实我是被一些表象给蒙蔽了而已

校园网解决方案:百家争鸣 谁与争锋?

在全球数字化浪潮的影响之下,高等学校数字化校园建设受到广泛的重视,全国各地的高校借中国教 育科研网(CERNET)建设的强力推动,正在从各个侧面接触数字化校园建设这个主题.近年来,随着智能卡 的推广和使用,将多项管理职能和社区服务.认证融为一体的校园"一卡通"正在各高校普及开来.校园 "一卡通"以智能卡为信息载体,结合了微电子技术.单片机技术.计算机网络技术及数据库技术等诸多 高新科技,使其具有电子身份识别和电子钱包的功能,替代校园传统的日常生活所需的教师工作证.学

H5、React Native、Native应用对比分析

每日更新关注:http://weibo.com/hanjunqiang  新浪微博!iOS开发者交流QQ群: 446310206 "存在即合理".凡是存在的,都是合乎规律的.任何新事物的产生总要的它的道理:任何新事物的发展总是有着取代旧事物的能力.React Native来的正是时候,一则是因为H5发展到一定程度的受限:二则是移动市场的迅速崛起强调团队快速响应和迭代:三则是用户的体验被放大,用户要求极致的快感,除非你牛x(例如:12306最近修改手机号需要用户自己发短信接收验证码).

巴菲特的“返古”式投资

文 | 本刊记者 戴民 在沃伦·巴菲特(Warren Buffet)旗下的伯克希尔·哈撒韦(Berkshire Hathaway)公司11月16日提交给美国证券交易委员会的报告中,"股神"披露了他在截至9月30日的第三季度内的新投资. 巴菲特新增了对食品生产商雀巢和美国最大的石油公司埃克森美孚的投资,还增持了世界最大的零售商沃尔玛以及美国第五大银行富国银行(Wells Fargo)的股票. 巴菲特的众多投资标的看得让人眼花缭乱,但这丝毫不能掩盖11月初的一个重磅消息--巴菲特斥资263

【特约评论】施国敏:医疗机构产权投资浅析

非公立医疗机构快速增长:产权改革如火如荼:从国家政策支持到社会资本介入:从单一专科民营医院到机构连锁化.医院集团化发展:这些年国内医疗市场都发生了什么,又有什么样的投资机会,未来的发展趋势又将如何?本文作者综合整理了近些年来国内医疗机构产权制度改革的背景.内容与特点.发展方向等系列问题,并对未来医疗市场发展及投资机会做了初步的梳理. 医疗机构改制背景 近年来非公立医疗机构在数量和质量上都在逐年快速增长,但在整体规模.患者资源以及医疗技术综合实力等方面都还难以与大型公立医院相抗衡.以非营利公立医院