首页 > 教程 > 关键词 > WEB标准最新资讯 > 正文

从空格谈web标准CSS模块化设计

2009-03-05 15:46 · 稿源:中国设计秀

一、空格运算符

(1)CSS语言

简单地说,CSS语言类似JS语言,是通过客户端下载后,通过本地浏览器解析。而CSS语言又是非常低级的“弱类型”语言,离JS这种基于对象的比较完善的“弱类型”语言,还差相当一段距离。要知道CSS样式是定义出来的,而样式的呈现是根据文档流顺序和CSS优先级别,浏览器自己识别计算后显示出来的。而浏览器又有忽略和纠错功能(尤以IE为甚),所以样式定义的语法有错误,并不影响浏览器正常工作,只不过显示不出应有的效果罢了。在我们设计定义样式的时候,排错是比较令人苦恼的,其本质原因是于这种弱类型CSS语言本身的不严禁性有关系的,所以我们就更应该注重CSS定义的严禁,才能出较少的错误,较快更好的完成工作。

(2)CSS的运算符

首先说,CSS语言的运算符就不多,有.#{}:";还有一个非常重要的空格。这几个运算符,都是常用的定义声明符号。而在CSS样式定义中,空格就有点特殊,我们可以把它视为在.Net或Java中命名空间或类包定义中的 . 运算符。换句话说,我们可以把空格视为路径指向的箭头,表明HTML标签的父子级别关系。CSS是与HTML想关联的,也就是说,CSS的每一个定义都与“某个HTML标签”或“某段模块化HTML代码”相对应,而HTML可以调用多个样式类。一个CSS样式类可以根据HTML代码来“复合定义”;一个HTML标签也可以“复合调用”多个样式类。所以说,CSS样式定义的复杂性与关联的HTML是密不可分。

(3)实例说明

以下为引用的内容:

<style type="text/css">
td .b { 
       color:#00ff00; 
}
th.b {  
       color:#ff0000;
       font-family:黑体;
       font-size:20px;
}
.b {
       color:#0000ff;
       font-size:12px;
}
</style>
<table>
       <tr>
              
              <td><div class="b">第一个类b的类路径是th .b</div></td> 
              <th class="b">第二个类b的类路径是th.b</td>
              <td class="b">第三个类b的类路径是 .b</th>
       </tr> 
</table>
<div class="b">第三个类b的类路径是 .b</div>

讲解:

1、第一个类b的类路径是td .b,定义该HTML文档内所有的td标签内的带class="b"的标签的样式 。

以下为引用的内容:

td .b { 
       color:#00ff00; 
}

  • 相关推荐
  • 大家在看
  • 多地提高节日福利发放标准 今年中秋国庆福利发放标准多少

    【多地提高节日福利发放标准】逢年过节向职工发放福利,能让一家公司更有归属感、获得感和温暖感。而这一举措近期也有了越来越明确的标准。据央广网消息,日前,上海市总工会发文明确, 2020 年度一次性增加工会经费向全体会员发放节日慰问品额度,标准不超过 500 元/人。消息刚一发布,网友表示羡慕的同时也纷纷发问,“我所在城市的慰问标准是否有所提高”?

  • 松下发布模块化摄影机BGH1

    松下自豪地宣布推出第一款BOX摄影机DC-BGH1。国内将于 10 月底正式发布。基于M43 系统标准,新型LUMIX BGH1 充分利用了高移动性和广泛并且可互换镜头阵容的优势,结合了所有松下通过发展的在专业电影摄像机、便携式摄像机以及LUMIX GH系列的技术结晶。在传统的广播电视之外的流行媒体越来越多的背景之下,松下推出了LUMIX BGH1,它是一款具有易安装、高拓展性、允许多机位控制的摄像机。它提供了多种更为通用的使用方式:无人机,IP

  • 人行开展“金融标准 为民利企”主题活动 平安付举办宣讲培训会促标准实施

    为进一步发挥金融标准在促进金融业健康有序发展中的作用,中国人民银行组织开展 2020 年“金融标准 为民利企”主题活动,要求金融机构、金融相关企业等共同参与,发挥金融标准助力疫情防控和复工复产等作用。 9 月 23 日,平安壹钱包旗下支付机构平安付科技服务有限公司,举办《个人金融信息保护技术规范》主题宣讲培训会,由信息安全部进行宣讲,以通过培训加强学习,加强金融标准在移动支付产业的实施。 近年来,“个人信息保护

  • 零信任产业标准工作组发起兼容性认证计划,打造行业互联互通标准

    9 月 24 日,零信任产业标准工作组(以下简称工作组)在腾讯北京总部大楼召开研讨会,发起零信任产品兼容性认证计划,呼吁加强零信任产品间的技术兼容和互联互通,以解决不同厂商间产品互操性差、复用率低等问题,助力产业标准化、规范化发展。天融信、绿盟科技、蔷薇灵动、中国移动设计院、国家互联网应急中心、中孚信息、完美世界、亚数信息、芯盾时代、联软科技、数蓬科技、上海观安、公安三所、腾讯等 14 家单位参与发起该计划

  • 英特尔商显新规格,杰和科技SDM模块丰富智能商显应用

    2010 年,英特尔?联手NEC和微软,制定了针对智能商用显示屏幕的开放式模块标准Open Pluggable Specification,即OPS。彼时,三家知名厂商对于商用显示屏智慧化的趋势达成共识:一套规格统一、设计开放的标准,能够为屏幕的智慧化升级带来多方面的裨益。在随后的十年间,OPS衍生出OPS-C、OPS-C+等多种规格,成为市面上绝大多数智能商用显示屏的优先选择。 随着计算机硬件科学的发展,智慧化影响人们的方式也变得越来越广泛,越来越

  • 【必看】微擎应用模块二次开发文档和初级教程手册

    01.微擎的应用模块文件夹是addons,所有微擎应用模块都在这个文件夹里面。02.运行环境推荐PHP版本5. 6 以上,mysql5.6,操作系统最好是Linux(centos)。03.微擎允许对外公开访问的文件,就三个,分别是根目录api.php(微信开发者URL地址),/web/index.php(电脑端),/app/index.php(手机端)。04.微擎的数据库等配置信息,放置在:/data/config.php文件中。05.在微擎的manifest.xml配置文件中,direct的属性值要设置为0,比如?

  • 如何设计抖音主页头图 抖音背景图怎么设计

    抖音主页头图要怎么设计会比较好看,让人留下比较深的印象呢,背景图的设计思路以及主要考虑的因素有哪些。下面我们会通过几个要点来介绍下,抖音背景图的设计注意要点,大家在抖音设计自己的头图时可以参考下。1、KOL出镜,也就是自己抖音视频里的主角出现在头图背景图里面,让他/她成为标志性IP,记得要使用好看的高清形象照,不用其他过多文字或其他修饰就能引流2、在头图里面,再次自我介绍,完成对账号的简介的补充说明,或者

  • 如何设计抖音LOGO头像 抖音logo怎么设计好看

    抖音账号的头像LOGO要怎么设计比较好看,又符合自己账号的定位属性,什么头像可以让别人一眼看了之后留下深刻印象呢,这里我们来一起了解下如何设计好一个抖音的logo头像。

  • 《天猫景德镇日用陶瓷企业标准》发布

    10月18日,《天猫景德镇日用陶瓷企业标准》发布会暨“国瓷馆·天猫直播基地”揭牌活动,在景德镇陶瓷集团举行。

  • 零信任产业标准工作组研讨会成功召开

    9 月 24 日上午,在腾讯北京总部大楼召开了“零信任产业标准工作组”(以下称“工作组”)研讨会,这是自工作组成立以来,第一次线下技术研讨活动。来自天融信、绿盟科技、蔷薇灵动、中国移动设计院、国家互联网应急中心、中孚信息、完美世界、亚数信息、芯盾时代、联软科技、数蓬科技、上海观安、公安三所、腾讯等 14 家单位的 20 余位专家现场参会,同时还有多名专家线上接入。会上,绿盟科技刘弘利、蔷薇灵动李春鹏、腾讯蔡东赟

  • 抖音单条视频定位标准 抖音怎么让单条视频变火

    抖音上每隔一段时间就会出现单条视频百万、千万级别的播放量,成为全网爆款,这些视频是如何创造出来,这就要从单条视频的定位标准比较基础的功课来说起,下面我们来看下单条视频的定位标准。

  • 车顶安全气囊有多重要?摩比斯高标准让人惊叹

    根据近年来对车辆事故的调查追踪,有数据显示 2000 年到 2015 年前后,北美地区总共发生了 13700 左右的翻车事故。而这些翻车事故里有 200 多起案例乘客被从天窗甩出,造成严重伤害。在对试驾车辆进行碰撞试验的过程中,也证明了在有些侧翻的情况下,假人被从天窗甩出去。由于现在的消费者越来越倾向于购买大天窗的汽车,所有这种事故出现的频率会越来越高。针对这种情况,摩比斯在全世界范围内率先研制开发出了车顶安全气囊,并在

  • 如约而至!科勒精选·设计中国北京设计论坛即将开幕

    亚洲高端设计大展“设计中国北京” 2020 将与全球厨卫领导品牌科勒KOHLER再度合作,邀请来自国内外顶尖的设计大师,以“以设计之道复兴世界”为主题开展为期 4 天的科勒精选·设计中国北京设计论坛。其中,展会首日 9 月 23 日下午,科勒精选还将倾情呈献“幸福的多维空间”专场主题论坛。2020 年注定是不平凡的一年,第三届“设计中国北京”( 9 月 23 日 –9 月 26 日)重磅回归,旨在凝聚全球设计的力量,以前瞻思想深入探讨“后?

  • 科勒再度携手设计中国北京,以设计凝聚幸福点滴

    2020 年 9 月 23 日 –9 月 26 日,亚洲高端设计大展“设计中国北京” 2020 即将隆重举行,全球厨卫领导品牌科勒KOHLER作为论坛的冠名赞助商,再度携手“设计中国北京”,带来为期 4 天的科勒精选·设计中国北京 设计论坛。本届论坛汇聚来自国内外 30 余位顶尖设计师的前瞻思想,将以“以设计之道复兴世界”为主题展开探讨。展会首日 9 月 23 日下午,科勒精选还将倾情呈献“幸福的多维空间”专场主题论坛。在设计中感知幸福生活在

  • 和平精英ss11赛季什么时候开始 ss11赛季具体上线日期时间

    和平精英目前还是在SS10赛季中,但是不少玩家已经在期待下一个SS11赛季了,很多玩家还不清楚S11赛季什么时候开始,下面就来为大家详细的介绍一下。

  • 抖音内容布局优劣标准 抖音如何做好内容定位

    抖音短视频平台上有很多的领域都比较火爆,但也有比较冷门、不太经常出现爆款的视频领域,在抖音账号内容定位的时候,要怎么选择适合自己的领域呢,有哪些标准可以作为参考选择,以下我们来详细了解下。

  • iPhone 12系列将配磁吸无线充电模块:还有无线充手机保护壳

    北京时间9月16日凌晨1点,苹果如期召开了秋季新品发布会,不过在本次发布会上,万众期待的全新iPhone 12系列旗舰并未亮相,随后业界普遍认为,苹果将在10月份专门召开iPhone 12系列新品发布会。随着发布时间的日益临近,现在有最新消息,近日有媒体晒出了据称是该机级将搭载得到全新磁吸无线充电方案的上手视频。据相关数码媒体此前爆料的消息,全新的iPhone 12系列将采用全新的磁吸无线充电方案,并曝光了无线充电接收

  • 领衔研发效能创新,腾讯通过国家DevOps标准卓越级评测

    9 月 25 日,在第十四届 GOPS 全球运维大会上,中国信息通信研究院(以下简称信通院)正式宣布,腾讯通过DevOps(研发运营一体化)标准评测,获评唯一卓越级。这意味着,腾讯已经形成了业内领先的研发体系,研发效能工具达到了国家级的领先水平。《研发运营一体化(DevOps)能力成熟度模型》系列标准由中国信通院主导,标准经腾讯、华为、中国移动等头部企业的上百位行业专家反复研究探讨,系统和工具部分经历两年多的孵化打磨,于 2020

  • 替代Word 百度网盘Web端在线文档内测

    在互联网如此深入人心的今天,不少人仍是把稿子写在Word上面,然后用QQ传送文件的方式发送,效率低下。而在线文档可以有效解决这一问题,它拥有轻量化、简单易懂、轻松共享等特性。今天,百

  • 上直播联手稿定设计,共同推进视频直播+在线设计服务的融合之道

    近日,上直播与稿定设计达成战略合作,双方将持续探索企业视频直播与商业设计领域的跨界融合,为双方的使用受众提供更多元化的视频直播和在线设计领域的使用体验,共同推动视频直播和在线设计的融合发展。上直播是国内知名的企业直播服务商,旨在为企业提供从视频内容生产、内容运营、大数据精准营销于一体的完整营销闭环服务,衍生了教育培训、医疗、金融、企业内训、汽车、房产、互联网等众多行业的企业视频直播解决方案,当前已

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签

热文

  • 3 天
  • 7天