Udacity前端开发工程师（入门）5 - CSS语法

1-3. CSS入门指南

每个 CSS 规则集（rule set）语句都由一个选择器（selector）和一个声明块（declaration block）组成。选择器告诉浏览器，我们要为哪些 HTML 元素设计样式，声明块则告诉浏览器需要将哪些样式应用于该元素。

CSS语句的基本结构

4. CSS规则集

6. 注释

CSS 注释的首尾各有/* 和 */。你必须在注释文字的前后加上这两个符号，注释才有效。注释能够让你清楚地了解到需要在何处添加代码， 而且注释不会以任何方式影响页面的样式。

/* This is a comment */

而在HTML 中注释方法如下

<!-- This is a comment -->

HTML 注释的两侧必须有 ``。

7-9. 标签，ID和类选择器

当想给特定标签的所有元素添加样式的时候，标签选择器非常好用。它会筛选并修改HTML中所有的该元素。

而如果仅仅是针对个别元素，我们可以使用属性（attributes）。最有用的两个属性分别是id 与 class。

p id="site-description" /* 一个HTML元素只能拥有一个id，且id只能再网页中使用一次 */
h2 class="book-title" /* 如果要给多个HTML元素添加同样的属性，使用class。一个HTML元素可以拥有多个class */

在<style></style>中间添加CSS的时候，针对不同的选择器，代码也有细微不同。

针对标签选择器: tag {}
针对class:     .class_name {}
针对id:        #id_number {}

CSS 单位

在CSS 中我们使用像素和百分比作为单位，

CSS MDN Selector

This is MDN 选择器