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

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

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

一、空格运算符

(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;
}

举报

  • 相关推荐
  • 微云全息(NASDAQ: HOLO)引领加密货币预测新纪元:HNFCS技术揭秘

    微云全息(NASDAQ:HOLO)开发了混合神经模糊控制系统(HNFCS),结合神经网络学习能力和模糊逻辑灵活性,能有效预测比特币等加密货币价格波动。该系统通过处理海量市场数据,动态调整预测模型,克服了传统方法在样本外预测和超时预测准确性方面的局限。HNFCS技术优势在于其自适应性和实时性,可扩展应用于多种金融场景,为投资者提供精准决策支持,有望成为加密货币市场的重要分析工具。

  • 锐捷网络重磅发布RG-UNC CS网络数字化平台:四大核心能力重塑企业网络管理新范式

    锐捷发布RG-UNC网络数字化平台CS系列产品,通过全网统一融合管理、组网编排及自动化部署、便捷准入与访问控制、全链业务保障与可视四大核心能力,重新定义企业网络管理标准。该平台基于微服务架构打造,支持服务组件灵活扩展与故障自愈,兼容第三方系统,满足不同规模客户需求。CS系列面向大中型园区,支持"管、控、析、维、营"全生命周期管理;AS系列作为轻量化衍生品,适合中小型园区。产品实现分钟级上线、策略随行、业务一键逃生等功能,显著提升网络部署效率与运维体验。

  • 芯朋苏州办公室设计|Chipown20周年之礼|时象设计

    芯朋微电子(Chipown)在苏州设立新办公区,将古典园林美学与现代科技完美融合。这家专注功率半导体研发的高科技企业创立于2005年,总部位于无锡。新办公空间以"传统赋能创新"为理念,通过开放式设计、绿色生态与现代工艺的共生,打造出兼具人文性与自然性的工作环境。电梯间采用材质碰撞设计,会议室以苏州园林元素点缀,培训室配备灵活隔断,处处体现江南风�

  • 全面守护 Samsung Care+专属管家服务延续旗舰体验高标准

    三星推出全新Galaxy Z Fold7和Z Flip7折叠屏手机,同步升级Samsung Care+专属管家服务。该服务提供灵活保障方案,包括1-2年不同期限的屏幕更换服务(1-2次/年)、2次免费贴膜及24小时技术支持。用户购机时可随新机购买,或在激活后15天内通过官网等渠道加购。服务覆盖意外损坏、日常维护等需求,由三星认证专业人员提供支持。针对折叠屏特性,特别设计了按需守护方案,满足不同使用场景需求,提升高端旗舰机的使用安心感。

  • 伊顿 Bussmann 西安熔断器制造中心专注电路保护,助力能源转型

    库柏西安熔断器有限公司是伊顿Bussmann在亚太地区的主要熔断器研发制造中心之一,专注于生产Bussmann系列高压/低压/快速/智能熔断器及周边产品。产品广泛应用于能源转换、电力传输、轨道交通、数据中心、新能源汽车等领域,获得国内外客户广泛认可。公司拥有自动化生产线和数字化管理体系,生产近万种符合国际标准的熔断保护产品。作为伊顿全球六大研发中心之一,西安研发中心在铜银复合熔体、新型EV熔断器等领域取得技术突破,并依托"全球平台+本地智造"模式显著提升研发效率。公司连续六年获评"伊顿世界级工厂"称号,积极践行绿色制造理念,通过部署光储一体化能源管理系统降低碳排放,入选国家工信部绿色制造名单。伊顿公司作为百年企业,2024年全球销售额将达250亿美元,业务遍及160多个国家。在中国,伊顿拥有约8,000名员工和19个生产基地,持续推动能源转型与可持续发展。

  • 2299元起!三星Galaxy Watch 8/Classic/Ultra智能手表发布

    三星今晚除了三款折叠屏手机之外,还推出了三款Galaxy Watch 8系列智能手表。 具体型号分别是Galaxy Watch 8、Galaxy Watch 8 Classic、Galaxy Watch 8 Ultra,起售价2299元。 三款产品统一采用了天圆地方”的设计语言,表壳为圆角矩形,表盘则是传统圆形。 三星Galaxy Watch 8 提供慕岩灰、星辉银两种配色,有44mm和40mm两种尺寸。 内部结构重新设计,组件集成度提升30%,整体厚度较上代减少1

  • 曝iPhone 17系列首次升级12GB内存:唯独标准版停留在8GB

    博主定焦数码爆料,iPhone 17系列有三款机型首次配备12GB内存,它们分别是iPhone 17 Air、iPhone 17 Pro、iPhone 17 Pro Max,但是iPhone 17标准版还停留在8GB内存。 据悉,苹果升级12GB内存的主要原因是提升iPhone 17系列的AI能力,在端侧部署AI,无论是运行AI应用还是加载AI大模型,这都需要足够大的内存存储整个AI模型。

  • 超凡性能,卓越设计——三星Galaxy Watch Ultra的诞生之路

    三星Galaxy Watch Ultra智能手表全新升级,融合"天圆地方"设计美学与户外性能。采用圆形表盘与方形底座结合,配备专属快捷按键,支持一键切换运动模式。表带采用无表耳设计,提升佩戴舒适度,并提供水上运动、越野运动等专业表带选择。搭载超级模拟表盘,可显示9项运动数据,支持个性化设置。2025款新增"钛岭蓝"配色,7月25日正式发售,预约可享表带赠品或分期免息优惠。这款兼具设计美感与实用功能的智能手表,重新定义了户外运动装备标准。

  • LiblibAI 重磅发布「星流 Agent」:中文语义 + 图片视频3D全能生成,中国最强设计 Agent

    LiblibAI推出Lovart中文版"星流Agent",这是一款专为中国市场深度优化的AI设计工具。该产品在保留Lovart全球版"生成-编辑-排版-交付"全链路能力基础上,针对中文语义、国风审美和本土使用场景进行了全面重构。星流Agent支持从创意构思到设计交付的全流程自动化,可处理平面设计、视频生成和3D建模等跨模态创作,内置符合中国文化的视觉风格库。该产品的推出标�

  • 创始人 IP 爆款大课收官:五大核心模块破局影响力与商业力双高峰

    《创始人IP爆款大课》在成都举办,聚焦创始人IP产品化与商业价值构建。课程由创客匠人团队联合商业IP操盘手媚姐主讲,通过"超级定位、内容、表达、联盟、成交"五大模块,系统拆解从选题策划到成交落地的完整路径。重点传授"非我不可"定位法、"击穿人心"痛点模型等核心方法论,帮助学员突破表达与转化痛点。课程强调IP建设不是短期营销,而是长期价值兑现的系统工程,需构建真实信任与行动驱动的商业闭环。