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

    文章

    113

    浏览量

    15674
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    凯芯 CSS6404L 微型低功耗存储芯片 智能家电优选器件

    集成、高性价比等条件。台湾凯芯CSS6404L精准贴合行业需求,凭借小巧封装、低功耗、精简电路与成本优势,成为智能家电量产的优质选择。产品采用3×2mmUSON8
    的头像 发表于 05-26 10:42 85次阅读
    凯芯 <b class='flag-5'>CSS</b>6404L 微型低功耗存储芯片 智能家电优选器件

    凯芯 CSS6404LS‑LI|通信模块微型高速 pSRAM 破解带宽功耗体积三重难题

    明确:更高带宽、更低延迟、更小尺寸、更低功耗、更强集成度,这也对配套存储的综合性能提出了更严苛的设计要求。台湾凯芯CSS6404LS‑LI工业级QSPIpSRAM,专
    的头像 发表于 05-13 14:38 245次阅读
    凯芯 <b class='flag-5'>CSS</b>6404LS‑LI|通信模块微型高速 pSRAM 破解带宽功耗体积三重难题

    TDK-Lambda CSS280系列280W AC - DC医疗电源模块深度解析

    TDK-Lambda CSS280系列280W AC - DC医疗电源模块深度解析 作为电子工程师,我们都清楚电源模块在医疗设备设计中的关键地位。今天,就来深入探讨TDK - Lambda
    的头像 发表于 04-17 16:25 231次阅读

    STM32G0 系列 CSS 功能及应用问题

    1. 前言STM32 G0 系列 MCU 自带时钟丢失功能,即 CSS 功能,能自动检测 HSE 和 LSE 是否丢失。本文对 CSS 功能进行简单介绍,并对客户在应用 LSECSS 功能的过程中
    发表于 04-15 16:16 0次下载

    高性能低功耗,CSS6404L QSPI pSRAM 成物联网终端存储首选

    随着物联网、嵌入式开发越来越卷,对内存的要求也越来越苛刻:既要小封装、低功耗,又要速度够用、开发简单。今天给大家聊一款很适合玩家和量产项目的芯片——凯芯CSS6404LS-LI,一颗定位精准
    的头像 发表于 04-08 16:33 230次阅读
    高性能低功耗,<b class='flag-5'>CSS</b>6404L QSPI pSRAM 成物联网终端存储首选

    GK7202V300 DDR2内存替代方案(CSS6404LS-LI QSPI pSRAM)

    GK7202V300 为中端安防设备核心主控,需外挂 64MB DDR2 存储芯片保障运行。当前 DDR2 缺货涨价,国产化的 CSS6404LS-LI 方案无需改板,软硬件适配便捷,是理想替代选择。
    的头像 发表于 03-24 16:09 337次阅读
    GK7202V300 DDR2内存替代方案(<b class='flag-5'>CSS</b>6404LS-LI QSPI pSRAM)

    LAT1599_STM32G0 系列 CSS 功能及应用问题

    STM32 G0 系列 MCU 自带时钟丢失功能,即 CSS 功能,能自动检测 HSE 和 LSE 是否丢失。本文对 CSS 功能进行简单介绍,并对客户在应用 LSECSS 功能的过程中发现的问题进
    发表于 03-11 10:49 0次下载

    TE Connectivity CSS-SGAF SMA电缆组件技术解析与应用指南

    同轴电缆提供未端接、裁剪和镀锡连接。CSS-SGAF电缆组件的工作频率范围为0GHz至8GHz,具有出色的性能、紧凑尺寸和方便的卡扣式/螺纹插配接口,可提供可靠、简单易用的电缆组件。此外,所有TE
    的头像 发表于 11-07 16:21 1129次阅读

    凯芯CSS6404SU-L pSRAM 兼容主流微控制器

    凯芯CascadeTeq CSS6404SU-L是一款64Mb QSPI pSRAM,采用串行接口实现高带宽数据传输,工作电压2.7-3.6V,时钟频率达133MHz。适用于物联网、便携设备和工业控制等需要高速缓存的嵌入式场景。
    的头像 发表于 10-28 09:25 640次阅读
    凯芯<b class='flag-5'>CSS</b>6404SU-L pSRAM 兼容主流微控制器

    Arm正式取消Cortex命名!CPU向着高算力进发,Lumex CSS平台加持!

    电子发烧友网报道(文/黄晶晶)日前,在Arm Unlocked上海站技术论坛上,Arm重磅推出智能终端专属 Lumex CSS平台。Lumex CSS是一套专为旗舰级智能手机及下一代个人电脑加速其人
    的头像 发表于 09-17 08:25 3487次阅读
    Arm正式取消Cortex命名!CPU向着高算力进发,Lumex <b class='flag-5'>CSS</b>平台加持!

    全新Arm Lumex CSS平台实现两位数性能提升

    Arm 控股有限公司(纳斯达克股票代码:ARM,以下简称 Arm)今日宣布推出全新 Arm Lumex 计算子系统 (Compute Subsystem, CSS) 平台,这是一套专为旗舰级智能手机
    的头像 发表于 09-10 16:14 1152次阅读
    全新Arm Lumex <b class='flag-5'>CSS</b>平台实现两位数性能提升

    Arm Zena CSS加速软件和芯片开发进程

    ,Arm Zena CSS 能够显著缩短开发周期,使软件团队能够在物理硬件推出前就启动开发工作,进而助力车厂至少提前一年将新款车型推向市场。
    的头像 发表于 08-25 16:22 2363次阅读

    CSS6404L 在物联网设备中的应用优势:低功耗高可靠的存储革新与竞品对比

    CSS6404L 通过 “高集成度 + 低功耗 + 宽适应” 的组合特性,在容量、功耗、性能及场景兼容性上全面超越同类竞品,尤其在需要兼顾长续航、高速传输与紧凑设计的物联网场景中,成为平衡成本与性能的理想选择。其自管理刷新、双模式接口等创新设计,也为物联网设备的智能化升级提供了坚实的存储支撑。
    的头像 发表于 06-06 15:35 875次阅读
    <b class='flag-5'>CSS</b>6404L 在物联网设备中的应用优势:低功耗高可靠的存储革新与竞品对比

    CSS6404L 在物联网设备中的应用优势

    物联网设备对存储芯片的需求聚焦于低功耗、小尺寸、高可靠性与传输效率,Cascadeteq 的 CSS6404L 64Mb Quad-SPI Pseudo-SRAM 凭借差异化技术特性,在同类产品中展现显著优势。以下从核心特性及竞品对比两方面解析其应用价值。
    的头像 发表于 06-06 15:31 863次阅读

    CSS6404LS-LI PSRAM:高清语音识别设备的理想存储器解决方案

    CSS6404LS-LI通过 >500MB/s带宽、105℃高温运行及μA级休眠功耗三重突破,成为高清语音设备的理想存储器
    的头像 发表于 06-04 15:45 972次阅读
    <b class='flag-5'>CSS</b>6404LS-LI PSRAM:高清语音识别设备的理想存储器解决方案