侵权投诉

CSS是什么 CSS的工作原理

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

收藏 人收藏
分享:

评论

相关推荐

开发一个鸿蒙版仿苹果计算器教程.附代码
众所周知鸿蒙 JS 框架是非常轻量级的 MVVM 模式。通过使用和 Vue2 相似的属性劫持技术实现....
的头像 HarmonyOS技术社区 发表于 10-11 14:17 ? 210次 阅读
开发一个鸿蒙版仿苹果计算器教程.附代码
通过css新特性实现一个华为充电动画效果html结构
通过css新特性实现一个华为充电动画效果html结构        ......
发表于 09-14 06:48 ? 0次 阅读
单片机MSP430系列的CCS基础知识
单片机MSP430系列的CCS基础知识
发表于 08-23 10:39 ? 95次 阅读
Charts.css是用于数据可视化的新的开源框架
【导语】 :Charts.css 是用于数据可视化的开源 CSS 框架,帮助用户理解数据,帮助开发人....
的头像 数据分析与开发 发表于 04-13 10:48 ? 434次 阅读
请问CSS如何检测HSE石英晶体失效?
CSS如何检测HSE石英晶体失效?
发表于 11-10 07:42 ? 101次 阅读
请问css盒子模型之边框线border有哪些使用技巧?
css盒子模型之边框线border有哪些使用技巧
发表于 11-06 07:16 ? 1919次 阅读
CSS 计数器的数字递增动效技术解析
CSS 计数器是由 CSS 维护的变量,这些变量可根据 CSS 规则增加从而跟踪使用次数。
的头像 39度创意研究所 发表于 10-18 10:09 ? 1215次 阅读
推荐十大开源的静态网站生成工具,无须掌握HTML和CSS技能
在寻找部署静态网页的方法吗?这几个开源的静态网站生成工具可以帮你迅速部署界面优美、功能强大的静态网站....
的头像 如意 发表于 10-10 11:21 ? 2808次 阅读
CSS框架:Primer的优缺点
得益于全球最大的开发商社区—Github,Primer采用系统级方法,来确保诸如:版式、间距和颜色等....
的头像 如意 发表于 07-01 17:01 ? 1490次 阅读
CSS框架:Tachyons的优缺点
与其他流行的前端框架不同,Tachyons旨在将CSS规则分解为小型的、可管理的、以及可复用的部件。....
的头像 如意 发表于 07-01 16:57 ? 1514次 阅读
CSS框架:Ant Design的优缺点
由阿里巴巴开发的Ant Design是一种Javascript库类型的ReactJS组件库。通过将屏....
的头像 如意 发表于 07-01 16:51 ? 5408次 阅读
CSS框架:Tailwind的优缺点
Tailwind是一款utility-first的框架,可以被用于快速地构建UI。作为一个utili....
的头像 如意 发表于 07-01 16:43 ? 6283次 阅读
CSS框架:PureCSS的优缺点
由Yahoo开发的PureCSS,提供了一组体积小、且具有快速响应能力的CSS???。它非常适合开发那....
的头像 如意 发表于 07-01 16:34 ? 2355次 阅读
CSS框架:UIKit的优缺点
UIKit是一个??榛那崃考肚岸薈SS框架。它非常适合于快速开发那些功能强大的Web界面。凭借着C....
的头像 如意 发表于 07-01 16:30 ? 1422次 阅读
CSS框架:Bulma的优缺点
作为一个基于Flexbox的开源框架,Bulma在全世界拥有超过20万名开发用户。它可以通过可视化的....
的头像 如意 发表于 07-01 16:23 ? 1331次 阅读
CSS框架:Semantic UI的优缺点
作为一名全栈开发人员,Jack Lukic使用自然语言原理创建了Semantic UI框架。凭借着j....
的头像 如意 发表于 07-01 16:06 ? 5323次 阅读
CSS框架:Materialize的特点和优缺点
以Google为基础的Materialize CSS融合了JavaScript、CSS和HTML等各....
的头像 如意 发表于 07-01 16:01 ? 1838次 阅读
CSS框架:Boostrap的特点和优缺点
Bootstrap作为最受欢迎的工具之一,Bootstrap在Web开发人员眼中已成为了业界领先的前....
的头像 如意 发表于 07-01 15:45 ? 1098次 阅读
CSS框架:Foundation的优缺点
ZURB于2011年9月设计出了Foundation。与其他CSS框架相比,Foundation不但....
的头像 如意 发表于 07-01 15:42 ? 1734次 阅读
CSS揭秘PDF电子书免费下载
本书是一本注重实践的教程,作者为我们揭示了 47 个鲜为人知的 CSS 技巧,主要内容包括背景与边框....
发表于 06-17 08:00 ? 225次 阅读
CSS揭秘PDF电子书免费下载
求CSS入门的学习笔记
CSS入门 学习笔记4
发表于 06-04 15:15 ? 121次 阅读
css的水平格式化怎么操作
css的水平格式化
发表于 05-25 09:46 ? 148次 阅读
征服CSS3选择器
第6章 征服CSS3选择器(上)
发表于 05-22 14:20 ? 133次 阅读
css中的px、em、rem是什么
css中的px、em、rem 详解
发表于 05-21 14:03 ? 126次 阅读
CSS单行、多行文本溢出显示省略号解决方案
CSS单行、多行文本溢出显示省略号(……)解决方案...
发表于 05-20 17:06 ? 148次 阅读
css与背景相关的样式background
第5章 css与背景相关的样式background
发表于 05-20 17:06 ? 145次 阅读
css的边框属性
第2章 css边框属性
发表于 05-20 12:06 ? 128次 阅读
CSS的几种定位和使用
我们先来看一个效果,同时思考一下用标准流或浮动能否实现类似的效果?
的头像 汽车玩家 发表于 05-05 23:47 ? 962次 阅读
web浮动布局与弹性布局有什么区别
Web页面布局技术主要css2.0中主要出现了浮动布局与定位,以及css3中新的布局方式弹性布局。
的头像 汽车玩家 发表于 05-05 22:30 ? 1529次 阅读
web浮动布局与弹性布局有什么区别
小程序开发需要的掌握哪些技术
小程序作为轻应用,用完即走的概念吗,也深受大众的喜爱。那小程序开发看似简单,实际在开发上也还需要掌握....
发表于 03-18 15:02 ? 2510次 阅读
非蜂窝广域网络如何重新活过来
非蜂窝广域网络和蜂窝广域网络相互之间是一种相互依存互为补充的关系。
发表于 03-08 18:35 ? 902次 阅读
使用HTML与CSS到底算不算程序员
有好多次,别人说我算不上程序员,因为我在用HTML + CSS编程。我非常伤心,因为别人都不认为我是....
的头像 Wildesbeast 发表于 02-15 15:47 ? 1858次 阅读
使用HTML与CSS到底算不算程序员
如何使用HTML和CSS创建一个多级手风琴菜单
如果使用Raspberry Pi,则它必须正在运行Web服务器。打开PC或Mac上的浏览器,然后在U....
的头像 39度创意研究所 发表于 11-25 16:18 ? 1846次 阅读
CSS选择器与相关特性的详细资料说明
CSS的定义 层叠样式表(CSS)中的层叠意味着样式会从文档结构中的一个层次传递到另一个层次,其作....
发表于 06-26 16:56 ? 451次 阅读
CSS选择器与相关特性的详细资料说明
Meta标签中的Robots属性应该怎样使用
一、id选择符 根据DOM文档对象模型原理所出现的选择符,对于一个XHTML文件,其中的每一个标签....
发表于 06-13 16:58 ? 276次 阅读
Meta标签中的Robots属性应该怎样使用
如何在XHTML网页中加入CSS详细的五种方式说明
本文档的主要内容详细介绍的是如何在XHTML网页中加入CSS详细的五种方式说明资料免费下载。
发表于 06-13 16:58 ? 388次 阅读
如何在XHTML网页中加入CSS详细的五种方式说明
行为和结构及表现分离的CSS选项卡的代码免费下载
本文档的主要内容详细介绍的是行为和结构及表现分离的CSS选项卡的代码免费下载。
发表于 05-30 17:07 ? 277次 阅读
行为和结构及表现分离的CSS选项卡的代码免费下载
PHP教程之CSS的详细资料简介
本文档的介绍的是PHP教程之CSS的详细资料简介主要内容包括了:1.DHTML简介,2.何为CSS(....
发表于 04-18 17:04 ? 373次 阅读
PHP教程之CSS的详细资料简介
Zigbee与CSS定位特性有什么区别?详细资料比较
目前在市面上有多种定位系统,包括Zigbee、WiFi等,以及最新的CSS定位系统。从定位原理上分析....
发表于 09-19 14:50 ? 588次 阅读
Zigbee与CSS定位特性有什么区别?详细资料比较
学习HTML和CSS的5大理由
人们学习HTML和CSS最常见的原因是开始从事web开发。但并不是只有web开发人员才要学习HTML....
发表于 04-12 17:24 ? 3451次 阅读
css3实现文字跑马灯(css3跑马灯demo)
css3实现文字跑马灯以及纯css3跑马灯demo,这次demo主要是通过css3中的animati....
发表于 12-18 14:35 ? 35540次 阅读
css3实现文字跑马灯(css3跑马灯demo)
网络爬虫技术的定义与反爬虫技巧解读
而商业软件发展到今天,Web也不得不面对知识产权?;さ奈侍?,试想如果原创的高质量内容得不到?;?,抄袭....
的头像 马哥Linux运维 发表于 12-05 16:47 ? 4383次 阅读
网络爬虫技术的定义与反爬虫技巧解读
网页设计语言教程(HTML_CSS)
本书是网页设计语言系列教材之《HTML/CSS教程》。 本教材通过大量典型实例介绍了HTML的基本知....
发表于 11-24 10:25 ? 578次 阅读
网页设计语言教程(HTML_CSS)
盘点5大主流CSS框架,你知道哪些
作为开发工具,CSS框架一直处于不断进化和改进的状态,因此我们强烈建议您关注眼下的趋势。这篇文章会带....
发表于 10-29 11:21 ? 9798次 阅读
ADI宣布收购Sypris Electronics LLC的网络安全解决方案(CSS)业务
中国,北京——Analog Devices, Inc. (NASDAQ: ADI)今日宣布收购了Sy....
发表于 08-19 10:35 ? 742次 阅读
DSP基础与应用技术 1-6章
本书是一本DSP技术的入门教材,介绍了DSP的内部结构和工作原理,重点介绍了指令系统、汇编语言的程序....
发表于 04-26 11:02 ? 375次 阅读
DSP基础与应用技术 6-7章
本书是一本DSP技术的入门教材,介绍了DSP的内部结构和工作原理,重点介绍了指令系统、汇编语言的程序....
发表于 04-26 11:02 ? 336次 阅读
如何查看/搜索/偷看/共享他人的css模板代码
如何查看/搜索/偷看/共享他人的css模板代码   当我们看到他人漂亮的空间....
发表于 02-11 15:11 ? 901次 阅读
CSS样式表滤镜中文手册
CSS样式表滤镜中文手册:取值:vIndex  :  必选项。整数值(Integer) |....
发表于 01-10 22:59 ? 554次 阅读
CSS样式表滤镜中文手册
最好看的最新高清中文字幕,我不卡影院午夜伦不卡,亚洲国产在线精品一区在,yw193.尤物影院 莱西市| 黄大仙区| 深水埗区| 西充县| 乡宁县| 永宁县| 博白县| 美姑县| 韶山市| 台湾省| 临西县| 汶上县| 霸州市| 石台县| 石台县| 闻喜县| 湛江市| 天等县| 平和县| 马公市| 乡城县| 富蕴县| 罗甸县| 奉新县| 巴林右旗| 石城县| 原阳县| 布尔津县| 图木舒克市| 辉县市| 伊金霍洛旗| 洪泽县| 如皋市| 滕州市| 涞源县| 遵义市| 武穴市| 昆山市| 万州区| 南乐县| 兴仁县| http://444 http://444 http://444 http://444 http://444 http://444