外链论坛

 找回密码
 立即注册
搜索
查看: 86|回复: 1

CSS回顾总结——CSS简介,语法规范,选取器,三元素

[复制链接]

2568

主题

4642

回帖

9911万

积分

论坛元老

Rank: 8Rank: 8

积分
99110827
发表于 2024-6-30 05:12:30 | 显示全部楼层 |阅读模式

CSS是我很久之前学的了,近期有些忘记了,因此拿出来写有些博客做整理了。

什么是 CSS?

CSS 指层叠样式表 (Cascading Style Sheets)样式定义怎样表示 HTML 元素样式一般存储在样式表中把样式添加到 HTML 4.0 中,是为认识决内容与表现分离的问题外边样式表能够极重加强工作效率外边样式表一般存储在 CSS 文件中多个样式定义可层叠为一个

层叠样式表(英文全叫作:Cascading Style Sheets)是一种用来表现HTML

(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅能够静态地修饰网页,还能够协同各样脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确掌控,支持几乎所有的字体字号样式,持有对网页对象和模型样式编辑的能力。

语言特点

CSS为HTML标记语言供给了一种样式描述,定义了其中元素的表示方式。CSS在Web设计行业是一个突破。利用它能够实现修改一个小的样式更新与之关联的所有页面元素。

总体来讲,CSS拥有以下特点:

丰富的样式定义

CSS供给了丰富的文档样式外观,以及设置文本和背景属性的能力;准许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;准许随意改变文本的体积写方式、修饰方式以及其他页面效果。

易于运用和修改

CSS能够将样式定义在HTML元素的style属性中,能够将其定义在HTML文档的header部分,能够将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表能够将所有的样式声明统一存放,进行统一管理。

另一能够将相一样式的元素进行归类,运用同一个样式进行定义,能够将某个样式应用到所有同名的HTML标签中,能够将一个CSS样式指定到某个页面元素中。倘若要修改样式,咱们必须在样式列表中找到相应的样式声明进行修改。

多页面应用

CSS样式表能够单独存放在一个CSS文件中,这般咱们能够在多个页面中运用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都能够将其引用。这般能够实现多个页面风格的统一。

层叠

简单的说,层叠便是对一个元素多次设置同一个样式,这将运用最后一次设置的属性值。例如对一个站点中的多个页面运用了同一套CSS样式表,而某些页面中的某些元素想运用其他样式,就能够针对这些样式单独定义一个样式表应用到页面中。这些后来定义的样式将对前面的样式设置进行重写,在浏览器中看到的将是最后面设置的样式效果。

页面压缩

运用HTML定义页面效果的网站中,常常必须海量或重复的表格和font元素形成各样规格的文字样式,这般做的后果便是会产生海量的HTML标签,从而使页面文件的体积增多。而将样式的声明单独放到CSS样式表中,能够大大的减小页面的体积,这般在加载页面时运用的时间会大大的减少。另一,CSS样式表的复用更大程序的缩减了页面的体积,减少下载的时间。

CSS的运用

办法1

描述:能够将CSS编写到head中的style标签里(内部样式表)

将样式表编写在style标签中,而后经过CSS选取选取指定元素,能够为这些元素同期设置样式

将样式表编写在style标签中,能够使表现和结构进一步分离,举荐运用方式

例子:

<title>CSS</title> <!--p{}中的属性设置会对因此p标签起功效--> <style type="text/css"> p{ color: blue; } </style> </head> <body> <p>谁知盘中餐,粒粒皆辛苦</p> <p>待到花开九月八,我花开尽百花杀</p> </body>
回复

使用道具 举报

2524

主题

4628

回帖

9998万

积分

论坛元老

Rank: 8Rank: 8

积分
99981033
发表于 昨天 07:48 | 显示全部楼层
外贸B2B平台有哪些?
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-10-3 18:19 , Processed in 0.061103 second(s), 19 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.