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>
|