/

IMOOC HTML+CSS 基础课程 Part 2

慕课网上【 HTML+CSS 基础课程】学习笔记。本文主要内容:CSS 介绍,选择器,继承、层叠和特殊性,格式化排版。

第 6 章 开始学习 CSS,为网页添加样式

  1. 认识 CSS 样式。CSS 全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义 HTML 内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等
  2. CSS 样式的优势。批量定义样式
  3. CSS 代码语法。CSS 样式由 选择符声明 组成,而 声明 又由 属性 组成
    • 选择符:又称选择器,指明网页中要应用样式规则的元素
    • 声明:在英文大括号 {} 中的的就是声明,属性和值之间用英文冒号 : 分隔。当有多条声明时,中间可以英文分号 ; 分隔,如下所示:
p {
font-size: 12px;
color: red;
}
  • 最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号
  • 为了使用样式更加容易阅读,可以将每条代码写在一个新行内

4、CSS 注释代码

/*注释语句*/ 来标明(HTML 中使用

第 7 章 CSS 样式基本知识

1、内联式 CSS 样式

内联式 CSS 样式表就是把 CSS 代码直接写在现有的 HTML 标签中

<p style="color:red">这里文字是红色。p>

2、嵌入式 CSS 样式

嵌入式 CSS 样式,就是可以把 CSS 样式代码写在 标签之间

<style type="text/css">
span {
color: red;
}
style>

3、外部式 CSS 样式

外部式 CSS 样式(也可称为外联式)就是把 CSS 代码写一个单独的外部文件中,这个 CSS 样式文件以 .css 为扩展名,在 内(不是在