Girls Coding Day Tutorial
  • 介绍
  • KickOff Party
    • 1.1 教学目的
    • 1.2 软件和工具
    • 1.3 教学方法
    • 1.4 WEB基本知识和历史
    • 1.5 课前自学
  • Intro to HTML
    • 2.1 初识HTML
    • 2.2 HTML常用术语
    • 2.3 解剖网站
    • 2.4 动手 - 修改更多HTML
  • Intro to CSS
    • 3.1 初识CSS
    • 3.2 CSS常用术语
    • 3.3 CSS盒子模型
    • 3.4 使用Chrome开发者工具调试样式
    • 3.5 动手 - 修改更多CSS样式
  • Intro to Bootstrap
    • 4.1 布局
    • 4.2 基础Bootstrap CSS
    • 4.3 组件
  • 大作业
  • 分享
Powered by GitBook
On this page
  • 选择器 - Selector
  • 声明 - Declaration
  • 属性 - Property
  • 值 - Value
  1. Intro to CSS

3.2 CSS常用术语

Previous3.1 初识CSSNext3.3 CSS盒子模型

Last updated 5 years ago

选择器 - Selector

Inquiry Learning

  1. 选择器跟HTML元素什么关系?

  2. 如何把相同的声明赋给多个HTML元素? 提示:选择器分组

  3. 子元素会继承父元素的样式,子元素不想继承,该怎么办呢?

  4. 什么是「派生选择器、id 选择器、类选择器、属性选择器、伪类 」?

  5. 类选择器 可以在单个HTML文档中出现多次,id选择器 也可是在单个HTML文档中出现多次吗?

  6. id选择器 和 派生选择器 可以混合使用吗?

声明 - Declaration

Inquiry Learning

  1. 属性和值用哪个英文标点符合隔开呢?

  2. 一个属性可以包含多个值吗?

  3. 如果要定义不止一个声明,需要用哪个英文标点符号将每个声明分开?

  4. 属性和值一定要英文小写吗?

属性 - Property

大概了解各个属性的效果,不要求熟练掌握。

Inquiry Learning

  • 你知道下列CSS背景属性都有什么样式效果吗?

属性

描述

简写属性,作用是将背景属性设置在一个声明中。

背景图像是否固定或者随着页面的其余部分滚动。

设置元素的背景颜色。

把图像设置为背景。

设置背景图像的起始位置。

设置背景图像是否及如何重复。

  • 你知道下列CSS文本属性的效果吗?

属性

描述

设置文本颜色

设置文本方向。

设置行高。

设置字符间距。

对齐元素中的文本。

向文本添加修饰。

缩进元素中文本的首行。

  • 你知道下列CSS字体属性的效果吗?

属性

描述

简写属性。作用是把所有针对字体的属性设置在一个声明中。

设置字体系列。

设置字体的尺寸。

当首选字体不可用时,对替换字体进行智能缩放。(CSS2.1 已删除该属性。)

对字体进行水平拉伸。(CSS2.1 已删除该属性。)

设置字体风格。

以小型大写字体或者正常字体显示文本。

设置字体的粗细。

  • 你知道如何设置链接样式吗?

  • 你知道下列CSS列表属性的效果吗?

属性

描述

简写属性。用于把所有用于列表的属性设置于一个声明中。

将图象设置为列表项标志。

设置列表中列表项标志的位置。

设置列表项标志的类型。

  • 你知道下列CSS表格属性的效果吗?

属性

描述

设置是否把表格边框合并为单一的边框。

设置分隔单元格边框的距离。

设置表格标题的位置。

设置是否显示表格中的空单元格。

设置显示单元、行和列的算法。

值 - Value

Inquiry Learning

值为若干单词,则要给值加引号。用双引号还是单引号呢?

Learning by Reading

其他常用术语

CSS Terms and Definitions
background
background-attachment
background-color
background-image
background-position
background-repeat
color
direction
line-height
letter-spacing
text-align
text-decoration
text-indent
font
font-family
font-size
font-size-adjust
font-stretch
font-style
font-variant
font-weight
list-style
list-style-image
list-style-position
list-style-type
border-collapse
border-spacing
caption-side
empty-cells
table-layout