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

    文章

    104

    浏览量

    14185
收藏 人收藏

    评论

    相关推荐

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

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

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

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

    Facebook开源StyleX如何在JavaScript中写CSS呢?

    Meta(原 Facebook)开源了全新的 CSS-in-JS 库 StyleX。
    的头像 发表于 12-14 10:03 268次阅读

    ARM CSS N2处理器解析

    Arm 刚刚在 HotChips 上透露了以 CSS N2 为首的计算子系统 (CSS) 发展方向。CSS 背后的意图是提供预集成、优化和验证的子系统,以加快基础设施系统构建商的产品上市时间。
    发表于 09-06 09:35 375次阅读
    ARM <b class='flag-5'>CSS</b> N2处理器解析

    131.【CSS】075 CSS 元素之间的空白问题

    CSS
    充八万
    发布于 :2023年07月19日 13:34:14

    133.【CSS】077 CSS 浮动 简介 #硬声创作季

    CSS
    充八万
    发布于 :2023年07月19日 13:30:31

    101.【CSS】045 CSS 常用文本属性 文本缩进

    CSS
    充八万
    发布于 :2023年07月19日 13:28:01

    112.【CSS】056 CSS 鼠标相关属性

    CSS
    充八万
    发布于 :2023年07月19日 13:13:06

    112.【CSS】056 CSS 鼠标相关属性

    CSS
    充八万
    发布于 :2023年07月19日 13:11:51

    65.【CSS】009 CSS 元素选择器

    CSS
    充八万
    发布于 :2023年07月19日 13:03:08

    83.【CSS】027 CSS 伪类选择器 语言伪类

    CSS
    充八万
    发布于 :2023年07月19日 13:01:54

    57.【CSS】001 CSS 简介

    CSS
    充八万
    发布于 :2023年07月19日 12:27:04

    ESP8266 HTML工作正常,不能内联CSS是为什么?

    内联 CSS 的示例: “This is a red heading with a black background\" 我无法让 C++ IDE 像这样解释该行是。有解决办法吗?
    发表于 06-12 08:07

    你们知道前端大神是怎么学CSS的嘛

    有人说,要成为前端高手很容易:先学好 HTML/CSS/JavaScript 三剑客,再学会三大前端框架——Vue/React/Angular,快则三个月,慢则半年,前端的工作就没有搞不定的了。
    的头像 发表于 05-30 11:26 409次阅读

    有没有办法检查/设置css缓冲区?

    你好。有没有办法检查/设置 css 缓冲区?似乎当我添加太多 css 特性时,事情会变得不稳定。
    发表于 05-10 09:03