这是我参与「第五届青训营 」伴学笔记创作活动的第 3天
-
- 今天是关于css的基础学习，层叠样式表（Cascading Style Sheet，简称：CSS）是为网页添加样式的代码。介绍了 CSS 的基础知识，并解答类似问题：怎样将文本设置为黑色或红色？怎样将内容显示在屏幕的特定位置？怎样用背景图片或颜色来装饰网页？CSS 也不是真正的编程语言，甚至不是标记语言。它是一门样式表语言，这也就是说人们可以用它来选择性地为 HTML 元素添加样式。
- 举例来说，要选择一个 HTML 页面里所有的段落元素，然后将其中的文本改成红色，可以这样写 CSS：
- p { color: red; } css代码的整个结构称为 规则集（通常简称“规则”），各部分如下：
- 选择器（Selector） 声明（Declaration） 属性（Properties） 属性的值（Property value）
-
- 如果要同时修改多个属性，只需要将它们用分号隔开，就像这样：p { color: red; width: 500px; border: 1px solid black; }
- [不同类型的选择器]：ID 选择器，类选择器，属性选择器，伪（Pseudo）类选择器；当然选择器的种类远不止于此。
-
-
- 编写 CSS 时我们会发现，我们的工作好像是围绕着一个一个盒子展开的——设置尺寸、颜色、位置，等等。页面里大部分 HTML 元素都可以被看作若干层叠的盒子。CSS 布局主要就是基于盒模型的。每个占据页面空间的块都有这样的属性：
padding：即内边距，围绕着内容（比如段落）的空间。border：即边框，紧接着内边距的线。margin：即外边距，围绕元素外部的空间。
-
-
- 同时还有：
width：元素的宽度background-color：元素内容和内边距底下的颜色color：元素内容（通常是文本）的颜色text-shadow：为元素内的文本设置阴影display：设置元素的显示模式
