CSS（层叠样式表）学习笔记
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
《CSS学习笔记》是一份系统整理CSS知识点的学习资料，涵盖选择器、布局、动画等方面，适合前端开发初学者参考。
CSS 学习笔记
一、CSS 简介
CSS（层叠样式表）是一种用于为结构化文档如 HTML 文档或 XML 应用添加字体、间距以及颜色等样式的计算机语言。其文件扩展名为 .css。CSS 语法主要由选择器和声明构成，每个声明包含一个属性及其值，并以冒号“：”分隔；而多个声明则被大括号“{}”包围且以分号“；”结尾。
二、CSS id 和 class
在 HTML 元素中应用 CSS 样式时，需使用 id 与 class 选择器。其中，id 用于为特定的 HTML 元素指定样式，并通过元素内的 id 属性设置，在 CSS 中以“#”开头表示；例如：#para1 {text-align:center; color:red;} 而 class 则用来定义一组具有相同样式的多个元素，其在 HTML 和 CSS 中分别用 class 属性和点. 符号标记。如：.center { text-align: center; }
三、CSS 创建
插入 CSS 样式表的三种方式包括外部样式表、内部样式表及内联样式。前者通过一个文件统一更改整个网站的设计，每个页面需使用 标签与该样式表关联；后者则适用于单个文档需要特殊样式的场合；而内联样式直接在相关标签中应用 style 属性实现。
四、CSS 背景
背景属性定义了 HTML 元素的视觉效果。常见的 CSS 属性包括 background-color（设置元素颜色）、background-image（描述元素图像）、background-repeat（控制平铺方式）以及 background-position（定位图片）。例如：body {background-color: #bc0000;}
五、CSS 文本格式
文本格式属性用于定义文字的样式，如字体颜色、对齐方式等。常用属性有 color 设置字体颜色；text-align 定义文本水平方向上的排列；text-decoration 控制下划线或删除线的效果以及 text-transform 用来转换大小写。
六、CSS 字体
字体相关 CSS 属性包括 font-family（设置文字的字型）、font-style（定义斜体样式）。例如：p {font-family: Times New Roman, Times, serif;}
全部评论 (0)
