CSS
CSS(Cascading Style Sheets)即层叠样式表,是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS 能够对网页中元素的位置进行排版,包括布局、颜色、字体等。通过使用CSS,开发者可以将网页的内容和表现形式分离,提高了网页内容的可访问性和可维护性。
CSS 主要包含以下几个核心概念:
- 选择器(Selectors):用于选择需要添加样式的HTML元素。选择器可以是元素名、类名、ID、属性选择器、伪类等。
- 属性(Properties):CSS通过属性来控制HTML元素的样式。每个属性都有一个值,属性和值之间用冒号分隔。例如,
color: red;
设置了元素的文本颜色为红色。 - 声明(Declarations):属性和值的组合构成了声明。在CSS中,一个元素可以有多个声明,这些声明用分号分隔,并放在花括号
{}
内。 - 规则集(Rule Sets)/ 样式规则(Style Rules):一个选择器加上一组声明(用大括号包围)就构成了一个规则集或样式规则。
- 层叠(Cascading):CSS的层叠特性允许为同一个元素指定多个样式规则,浏览器会根据特定的优先级规则来决定应用哪个样式。
- 继承(Inheritance):某些CSS属性可以从父元素继承到子元素。这意味着,如果父元素设置了某个属性,那么子元素会默认拥有相同的属性值,除非子元素或更近的祖先元素明确指定了不同的值。
- 盒子模型(Box Model):CSS中的盒子模型描述了如何对文档树中的元素进行布局。每个元素都会生成一个或多个盒子,这些盒子包括:内容(content)、内边距(padding)、边框(border)、外边距(margin)。
- 布局(Layouts):CSS提供了多种布局模型,如常规流(Normal Flow)、浮动(Floats)、定位(Positioning)、弹性盒模型(Flexbox)、网格布局(Grid Layout)等,用于控制页面上元素的排列和布局。
CSS 可以通过多种方式添加到HTML文档中:
- 内联样式(Inline Styles):直接在HTML元素内部使用
style
属性来定义CSS样式。 - 内部样式表(Internal/Embedded Stylesheets):在HTML文档的
<head>
部分使用<style>
标签来定义CSS样式。 - 外部样式表(External Stylesheets):通过
<link>
元素在HTML文档的<head>
部分链接到外部的CSS文件。
CSS 是现代网页开发中不可或缺的一部分,它使得网页的布局和样式设计变得更加灵活和强大。
CSS
123