0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

CSS是什么 CSS的工作原理

独爱72H 来源:DIVCSS5、html中文网 作者:DIVCSS5、html中文网 2021-07-26 14:44 次阅读

CSS的英文全称为CascadingStyleSheets。几个单词拆开翻译,Cascading有大量的意思,Style有风格样式的意思,Sheets有表格的意思,整合在一起翻译为中文意思为层叠样式表。

层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。

在css进入前端语言之前,很多一部分人都把css当做一种前端语言,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。

工作原理

CSS是一种定义样式结构如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式,样式单包含将样式应用到指定类型的元素的规则。外部使用时,样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。

样式规则是可应用于网页中元素,如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中,外部样式单保存在独立的文档中,网页通过一个特殊标签链接外部样式单。

名称CSS中的“层叠(cascading)”表示样式单规则应用于HTML文档元素的方式。具体地说,CSS样式单中的样式形成一个层次结构,更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定,从而实现级联效果。

本文整合自 DIVCSS5、html中文网

责任编辑:fqj

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • CSS
    CSS
    +关注

    关注

    0

    文章

    109

    浏览量

    14372
收藏 人收藏

    评论

    相关推荐

    Tailwind CSS v4.0发布首个Beta版本

    Tailwind CSS 是一个为快速开发而精心设计的原子类 CSS 框架,它提供了充满设计感和应用程序至上的能力来创建组件,它在最新的 2.0 版本中加入了暗黑模式,开箱即用。
    的头像 发表于 11-25 10:02 190次阅读
    Tailwind <b class='flag-5'>CSS</b> v4.0发布首个Beta版本

    LORA模块的工作原理是什么

    基础 LoRa技术基于扩频技术,这是一种将信号能量分散在较宽频带宽度上的通信技术。LoRa使用一种称为Chirp Spread Spectrum(CSS)的调制技术,它通过改变信号的频率来传输数据,这种技术对于抗干扰和长距离通信非常有效。 1. 调制技术 LoRa模块使用CSS
    的头像 发表于 10-31 15:53 379次阅读

    研发都应该了解的如何在vite中接入现代化css工程化方案

    好的css工程化方案可以增强我们项目的可维护性、提高样式的复用性、进行自动化处理等,在提高页面加载速度和性能的同时,我们可以有更多的精力进行js逻辑的处理。
    的头像 发表于 10-25 17:25 359次阅读

    基于CSS融合存储系统的自动化制造服务平台存储解决方案

    基于CSS融合存储系统的自动化制造服务平台存储解决方案
    的头像 发表于 09-10 10:15 344次阅读
    基于<b class='flag-5'>CSS</b>融合存储系统的自动化制造服务平台存储解决方案

    PGA900能直接在CSS上编程吗?

    您好,PGA900能直接在CSS上编程吗? 可以通过XDS200下载程序到PGA900上面吗?
    发表于 08-08 07:31

    Arm终端CSS革新,加速端侧人工智能时代

    在当今信息化与智能化的交汇点,人工智能的发展势头正盛。尤其是在端侧人工智能领域,其对于计算平台的性能、能效以及集成度的要求日益提升。近日,全球领先的半导体知识产权(IP)提供商Arm,再次引领行业潮流,推出了全新的Arm终端计算子系统(CSS),旨在打造迄今为止速度最快、性能最优的Arm计算平台。
    的头像 发表于 06-24 18:23 1491次阅读

    Arm宣布推出终端计算子系统(CSS),提供领先的人工智能体验

    Arm 控股有限公司(纳斯达克股票代码:ARM,以下简称“Arm”)今日宣布推出 Arm® 终端计算子系统 (CSS),以提供领先的人工智能 (AI) 体验,助力芯片合作伙伴更轻松、快速地构建基于 Arm 架构的解决方案,并加速其产品上市进程。
    的头像 发表于 05-30 14:11 1247次阅读
    Arm宣布推出终端计算子系统(<b class='flag-5'>CSS</b>),提供领先的人工智能体验

    Arm推出AI优化的Arm终端CSS以及新的Arm Kleidi软件

    Arm 终端计算子系统 (CSS) 作为新的计算解决方案,结合了 Armv9 架构的优势,以及基于三纳米工艺节点,经过验证和证实为生产就绪的新 Arm CPU 和 GPU 实现,可赋能芯片合作伙伴快速创新,
    的头像 发表于 05-30 11:33 655次阅读
    Arm推出AI优化的Arm终端<b class='flag-5'>CSS</b>以及新的Arm Kleidi软件

    芯海应用笔记:CSS34P16P(A)型应用说明文档

    CSS34P16P(A)是 USB Type-C 型控制器,它符合最新 USB Type-C 型和 PD 标准. CSS34P16 为适配器、车载充电器、移动电源等应用提供了一个完整的 USB
    发表于 05-16 14:46

    Arm新Arm Neoverse计算子系统(CSS):Arm Neoverse CSS V3和Arm Neoverse CSS N3

    Arm宣布了两款新的Arm Neoverse计算子系统(CSS),它们基于“迄今为止最好的一代Neoverse技术”。是什么让这些新产品在拥挤的计算技术领域脱颖而出? Arm的两个新Arm
    的头像 发表于 04-24 17:53 1061次阅读
    Arm新Arm Neoverse计算子系统(<b class='flag-5'>CSS</b>):Arm Neoverse <b class='flag-5'>CSS</b> V3和Arm Neoverse <b class='flag-5'>CSS</b> N3

    STM32L431出现LSE CSS后RTC的ALARM无法进入中断是怎么回事啊?

    STM32L431的RTC配置使用LSE时钟,配置ALARMA中断,可以正常进入中断,但是出现LSE CSS后重新配置RTC使用LSI做为系统时钟,但配置后RTC的ALARMA无法进入中断,这是怎么回事啊?
    发表于 04-08 06:58

    STM32L431CCT6频繁出现LSE CSS错误是什么原因导致的?

    STM32L431CCT6芯片,外部使用32.768k的晶振,匹配电容22pf。LSE作为RTC,LPUART1的时钟源,启用LSE CSS功能。经常会发生LSE CSS错误,在发生错误的时候没有
    发表于 03-28 09:01

    美国宣布向SK Siltron CSS提供5.44亿美元贷款用于SiC晶圆生产

    今天,美国能源部(DOE)贷款计划办公室(LPO)宣布向SK Siltron CSS, LLC提供5.44亿美元的有条件贷款,以扩大美国电动汽车(EV)电力电子设备用高质量碳化硅(SiC)晶圆的生产。
    的头像 发表于 02-23 14:52 730次阅读

    英飞凌与碳化硅供应商SK Siltron CSS达成协议

    英飞凌与韩国SK Siltron子企业SK Siltron CSS最近达成了一项重要协议。根据该协议,SK Siltron CSS将为英飞凌提供6英寸碳化硅(SiC)晶圆,以支持英飞凌在SiC半导体生产方面的需求。
    的头像 发表于 01-17 14:08 660次阅读

    智原与Arm合作提供基于Arm Neoverse CSS的设计服务

    在Arm解决方案上的卓越设计实力以及对制造端资源的承诺。智原将充分发挥Arm Neoverse计算子系统(CSS)的优势,致力于提供卓越性能和创新的先进云端、高效能运算(HPC)和人工智能(AI)芯片。
    的头像 发表于 01-10 16:29 741次阅读