html和css是干嘛的,什么是CSS?它是做什么的?

本文详细介绍了CSS(层叠样式表)的基本概念、用途和历史,强调了其在网页设计中的重要性。CSS允许开发者将样式与内容分离,提供了选择器权重的概念,包括内联样式、内部样式块和外部样式表的使用方式。文章还讨论了选择器的权重计算规则,并提及了CSS在不同设备上的应用。最后,提到了CSS3的进展和兼容性,鼓励读者深入学习和探索CSS的多样样式。
摘要由CSDN通过智能技术生成

CSS是 Cascading Styke Sheet(层叠样式表)的缩写。是用于(增强)控制渲染网页的样式、允许将CSS样式信息与页面HTML内容分离运行的一种标记性语言。CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)。CSS是一种领域语言(DSL),层叠与继承赋予了CSS优雅多姿的无限创造力。正是由于它如此“简单”,我们需要更充分的学习它、得心应手的运用它,让我们的网页活灵活现得呈现。

历史

CSS 最早被提议是在1994年;

最早被浏览器支持是1996年;

1996年 W3C 正式推出了CSS1;

1998年 W3C 正式推出了CSS2;

CSS2.1 是 W3C 现在正在推荐使用的;

CSS3 现在还处于开发中;

CSS 3 在包含了所有 CSS 2 所支持的基础上更有所改进,所以不必担心兼容问题。

CSS也支持多种设备,例如手机、电视、幻灯片、打印机等,但CSS在浏览器上得到了更好的推广。

selector{property:value;}

96d2e7fb052e18459afa40cd5ffee0e0.png

三种方式将样式表加入您的网页:

内联样式 Inline Styles

内联即是在元素的标记内使用对象的 style 属性定义适用它的样式表属性。

f98e8859e8259393ba8b16f7eaa813f0.png

内部样式块对象 Embedding a Style Block

你可以在你的HTML文档的

标记里插入一个

注意:在实际开发中,推荐使用HTML的link对象来引入。

选择器权重

079c3d265508b2b3c351580c9ada4a2d.png

权重主要分为4个等级:

第一等:代表内联样式,如:style="",权值为1000

第二等:代表ID选择器,如:#content,权值为100

第三等:代表类,伪类和属性选择器,如:.content,权值为10

第四等,代表标签选择器和伪元素选择器,如: div  p,权值为1

620be1cf52e9382224be1788ee51809f.png

优先级

遵循如下规则:

选择器都有一个权值,权值越大越优先;

当权值相等时,后出现的样式表设置要优于先出现的样式表设置;

创作者的规则高于浏览者:即网页编写者设置的 CSS 样式的优先权高于浏览器所设置的样式;

继承的 CSS 样式不如后来指定的 CSS 样式;

在同一组属性设置中标有!important规则的优先级最大

c3b68da810c21a855a49722eae982ea3.png

以上就是CSS的用法,CSS多种多样的样式等你去探索,小编整理了网上热门的课程和实战供你加强学习

weixin_39616367
关注 关注
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTMLCSS是什么
qq_43644020的博客
07-21 381
一、HTML基础 1.1、简介 网页 构成网站的基本元素 HTML是超文本标记语言(Hyper Text Markup Language) 由图片,链接,文字,声音,视频等标签元素组成 常用浏览器 IE、Edge、Firefox、Chrome、Safari、Opera… 浏览器 内核 备注 IE Trident IE、猎豹安全、360极速浏览器、百度浏览器 Firefox Gecko 火狐浏览器 Safari Webkit 苹果浏览器 Chrome/Opera/Edge
html中行高是指字的高度嘛,CSS行高line-height的理解
weixin_35645077的博客
06-28 2131
一、行高的字面意思“行高“顾名思义指一行文子的高度。具体来说是指两行文子间基线间的距离。基线是在英文字母中用到的一个概念,我们刚学英语的时候使用到的那个英语本子每行有4条线,其中底部第二条线就是基线,是a,c,z,x等字母的地边线。————————顶线(top line)——————————————————————————中线(middle line)———————————————————————...
css干什么
weixin_30609287的博客
08-01 397
css这些长篇累牍的参数,其实就是这些所谓的css编程者每天要干的事情了,他们把这些参数熟记于心,就像c++程序员,把这些函数库熟记于心一样,都是编程。 css定制了每一个单独的组件,这些组件要么是相互独立的,最好都是解耦的,如果是比较low逼的设计师,那么设计得不解耦也是没有办法的事情,css的知识慢慢积累起来,看css语法看到高潮! 转载于:https://www.cnblogs...
如何理解HTMLCSS、javascript
最新发布
qq_65665724的博客
08-03 1279
1、什么是HTML(超文本标记语言 Hyper Text Markup Language),HTML 是用来描述网页的一种语言。2、CSS(层叠样式表 Cascading Style Sheets),用来定义如何显示 HTML 元素,语法为:selector {property:value} (选择符 {属性:值})3、JavaScript是一种脚本语言,其源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行。
HTML+CSS基础(1)-理解什么是HTMLCSS
diaohunang4905的博客
03-20 162
什么是HTML w3c的解释如下: HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言,而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页 理解:html使用定义好的标签表现一...
什么是CSS?它的能些什么?
bjguan's BLOG
12-08 2181
什么是CSS?它的能些什么?http://www.pcdog.com 未知 2004-7-5 CSS就是一种叫样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。 在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜
什么是HTMLCSS
zzh1251994430的博客
06-28 2938
什么是HTMLCSSHTML的定义: 首先来说HTMLHTML中文称为超文本标记语言,从语义上来说,它只是一种是一种标识性的语言,并不是一种编程语言。所以在提及其作用时,只能从语义方面去想,而不能从样式上去想。它其中有许许多多的标签,比如说段落标签: <p>这是一段话</p> 通过这个标签可以表示文本的一个段落。而且其中还有还有图片标签、视频标签、声音标签、表格标签等等标签,通过将这些标签组织并且关联起来后,从而将分散的网络资源整合在一起,来展现在人们的面前。它是来设定网页
postcss-html:用于解析HTML(和类似HTML)的PostCSS语法
02-04
用于解析HTML(和类似HTML)的语法 入门 首先,安装模块: npm install postcss-syntax postcss-html --save-dev 如果要支持SCSS / SASS / LESS / SugarSS语法,则需要安装相应的模块。 SCSS: SASS: : 糖SS...
Normalize.css到底有什么用?移动端预处理样式
qq_59717525的博客
11-10 596
Normalize.css 是一个可以定制的CSS文件,它让不同的浏览器在渲染网页元素的时候形式更统一。 Normalize.css只是一个很小的css文件,但它在磨人的HTML元素样式上提供了跨浏览器的高度一致性。 相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。总之,Normalize.css是一种CSS reset的替代方案。 Normalize.css干什么? 保留有用的默认值,不同于许多 CSS 的重置 标准化的样.
Reset.css干嘛的
05-30
同时,Reset.css还可以提供一些基本的样式和布局,如清除浮动、块级元素的间距等。 需要注意的是,使用Reset.css也可能会导致某些样式的冲突或覆盖,因此在使用之前,需要谨慎考虑其是否适合您的项目,并根据需要...
为什么 CSS 这么难学?
BOM485480的博客
10-24 1075
CSS 不正交并不是对 CSS 的指责,如果能正交它肯定会到正交的,现在的设计虽然不完美,但可能是最好的设计。 下文列举的问题能在规范里找到解释不能说明 CSS 是正交的,因为正不正交应该是从表面上就能看出来的。正交一般都是对接口的约束,具体实现我不管的。 本答案可以很好地解释「为什么你会觉得 CSS 难学」,至于不难的学习方式,其实是不存在的。要么你大量练习从实践中总结,要么你大量阅读文档从理论中领悟,反正 CSS 就是很难学。 我是这么觉得的,如果有人问 CSS 为什么这么难学,我们就应该好好回答
html是什么,css是什么,htmlcss有什么关系
zhouyuzhu666的博客
08-04 493
html是什么,css是什么,htmlcss有什么关系 html是超文本标记语言,用于搭建页面的结构,是网页内容的载体; css是层叠样式表,用于控制页面中元素的样式,是网页形式的表现; htmlcss的关系可以比喻成html是一个人,csss是衣服和化妆品 ...
htmlcss的作用,认识CSS,了解CSS作用
weixin_39586235的博客
06-16 417
通过首页和CSS样式介绍什么是CSS样式,相信大家对CSS也有一定认知和了解。接下来,我们详细来介绍和解释下CSS样式表一、CSS定义与解释 - TOPCSS是Cascading Style Sheets(层叠样式表单)的简称。CSS就是一种叫样式表(stylesheet)的技术。也有的人称之为“层叠样式表”(Cascading Stylesheet)。二、CSS基本语法与结构 ...
简述html css的作用,css简述
weixin_39931101的博客
06-29 491
.CSS的全称是什么?Cascading style sheets,层叠样式表。通过CSSHTML的结合可以实现表现与结构分离。从而提升工作效率,降低维护难度。CSS有几种引入方式?在HTML中,引入CSS的方法主要有以下3种:行内样式、即在标记的style属性中设定CSS样式,这种方式本质上没有体现出CSS的优势,因此不推荐使用例:;内部样式、则将对页面中各种元素的设置集中写在和之间,对于单一...
htmlcss分别有什么用,CSS是什么?和HTML有什么区别?
weixin_34797871的博客
06-17 2453
一、css是Cascading Style Sheets 的缩写,即层叠式样式表单,它是由W3C协会制定并发布的一个网页排版式标准,是对HTML语言功能的补充。二、HTMLCSS的区别?1、定义不同:html是HyperTextMark-upLanguage的缩写,即超文本标记语言;css是Cascading Style Sheets 的缩写,即层叠式样式表单,它是由W3C协会制定并发布的一个网...
html css是啥,htmlcss的区别是什么?
weixin_33925615的博客
06-20 2011
很多同学在学习前端的时候,可能会对htmlcss之间的区别不太了解,下面本篇文章就来给需要的朋友们介绍一下htmlcss之间的区别,下面我们就来看一下具体的内容。HTMLhtml是HyperTextMark-upLanguage的缩写,即超文本标记语言;html是用来定义文档内容结构的,包含了用户需要浏览的内容,包括图文、视频,即构成网页的基本元素;html是网页的结构(Structure),...
什么是HTML+CSS
weixin_48278376的博客
05-04 1494
什么是HTML+CSSHTML(超文本标记语言)和CSS(级联样式表)是用于构建Web也免得两项核心技术。HTML为各种设备提供页面的结构,为CSS提供布局。与图形脚本一起,HTMLCSS是构建网页和Web引用程序的基础。 HTML: 超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包括图片,连接,甚至音乐,程序等非文字元素。 超文本标记语言的结构包括“头”部分(Head),和“主体”部分(Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体
css什么工作,什么是CSS?它是如何工作的?
weixin_39638801的博客
08-04 446
CSS是网络技术的主要基石之一。在大多数网站中,CSSHTML和JavaScript一起被用来创建网站和应用程序的用户界面。那么,什么是CSS?它是如何工作的?为什么它很重要?什么是CSS?它是如何工作的?CSS或层叠样式表是一种样式表语言,用于定义HTML文档的视觉外观和格式。CSS决定了视觉结构、布局和美学。HTML使人们可以对网页进行格式化和组织。尽管HTML非常有用,但要建立一个专业的、...
html css可以制作什么,CSS是什么?CSS什么?
weixin_39907289的博客
06-18 256
相信只要学习了 HTML 编程的人对 CSS 都不会陌生,CSS 可以对 HTML 进行修饰优化页面,让你的页面耳目一新瞬间高了一个档次,那么初学编程的你知道 CSS是什么吗?它能什么呢?顾名思义CSS 的意思是层叠样式表(CascadingStyleSheets)CSS的样式定义为如何显示HTML 元素CSS样式通常都会存储在样式表中外部的样式表对工作效率有极大的提高外部样式表通常都存...
写文章

热门文章

  • 气体管道管径及流量对照表_De、DN、D、d怎么搞懂他们?附管径与阀门通径对照表... 30686
  • 哔哩哔哩m4s格式转换_如何将哔哩哔哩缓存转MP4格式 10622
  • access是用来干什么的_Access数据库是做什么的? 9259
  • java excel换行_Java 导出excel进行换行的案例 8497
  • excel中用正则匹配_Excel 使用正则表达式提取数据 6994

大家在看

  • 离线数仓项目实战!其二导入数据与数据仓库维度建模
  • Vue3创建脚手架 71
  • 力扣热题100 - 矩阵 - 经典多源广度搜索:腐烂的橘子
  • 一些音频文件转Wav
  • springboot+vue在线投稿系统【开题+程序+论文】

最新文章

  • 华为服务器销售怎么样,云服务器销售好做吗
  • 华为系统更新服务器不可用怎么办,王成录:若谷歌服务不可用,华为也能创建自己的安全补丁...
  • 私有文件服务器,文件服务器与私有云盘
2021年156篇
2020年215篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

玻璃钢生产厂家玻璃钢雕塑是空心的吗海洋玻璃钢雕塑价格鹤壁玻璃钢智能雕塑鹤壁肖像校园玻璃钢景观雕塑制作河北主题商场美陈采购上海节庆商场美陈订购商业广场玻璃钢卡通雕塑报价南岸玻璃钢雕塑商场大厅美陈图片大全河南玻璃钢商场美陈雕塑狗玻璃钢卡通雕塑订做连云港玻璃钢仿铜雕塑定制价格小型玻璃钢花盆市场报价服务较好的玻璃钢雕塑铜陵景区玻璃钢雕塑自制玻璃钢花盆顺义区商场春季美陈报价玻璃钢智能雕塑报价四川玻璃钢花盆价格南京园林玻璃钢花盆湖南玻璃钢雕塑品牌铜陵景区玻璃钢雕塑生产厂家宜春人物玻璃钢雕塑价位玻璃钢雕塑喷铜吉林玻璃钢瓜果雕塑四川玻璃钢商城广场美陈雕塑报价山西太原商场美陈滨州广场玻璃钢雕塑普陀区玻璃钢雕塑厂玻璃钢雕塑定制厂商香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化