CSS学习心得

一、什么是 CSS

• CSS是级联样式表（Cascading Style Sheets）的缩写。HTML 用于撰写页面的内容，而 CSS 将决定这些内容该如何在屏幕上呈现。
• 网页的内容是由 HTML的元素构建的，这些元素如何呈现，涉及许多方面，如整个页面的布局，元素的位置、距离、颜色、大小、是否显示、是否浮动、透明度等等。

二、CSS

1、语法说明

一条CSS样式规则由两个主要的部分构成：选择器，以{}包裹的一条或多条声明:

这条规则表明，页面中所有的一级标题都显示为蓝色，字体大小为12像数。

说明：
1、选择器是您需要改变样式的对象（上图的规则就一级标题生效）。
2、每条声明由一个属性和一个值组成。（无论是一条或多条声明，都需要用{}包裹，且声明用;分割）
3、属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。

2、选择器

一个页面上的元素众多，选择器就用于在页面中找到/选择需要应用这个样式的对象。
除我们前示的元素选择器外，还有id和class选择器。其中class选择器使用非常普遍。

• id选择器

#sky{
   
  color: blue;
}

注意：id选择器前有 # 号。 这条规则表明，找到页面上id为sky的那个元素让它呈现蓝色。因为在HTML中，元素的id值必须唯一。 所以，id 选择器适用范围只有一个元素。

• class 选择器

.center{
   
  text-align: center;
}
.large