1-3. CSS入门指南
每个 CSS 规则集(rule set)语句都由一个选择器(selector)和一个声明块(declaration block)组成。选择器告诉浏览器,我们要为哪些 HTML 元素设计样式,声明块则告诉浏览器需要将哪些样式应用于该元素。
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 选择器