web前端开发基础P18

P18块元素与行内元素（内联元素）

块元素与行内元素区别（这张表要记在心）：

常见块级元素：

常见行内元素（内联元素）：

行内块级元素（特点：不换行，能够识别宽高）

P19HTML5新增标签

div：

H5新标签

1.<header></header>头部

2.<nav></nav>导航

3.<section></section>定义文档中的节，比如章节,页眉，页脚

4.<aside></aside>侧边栏

5.<footer></footer>脚部

6.<article></article>

介绍

P20-CSS简介

CSS概念：CSS层叠样式表，又叫级联样式表，简称样式表。

css文件后缀名为.css

css用于HTML文档中元素样式的定义。

语法：css规则由两个主要的部分构成：选择器，以及一条或多条声明（样式）

选择器通常是您需要改变样式的HTML元素

每条声明由一个属性和一个值组成

属性是你希望设置的样式属性。每个属性有一个值，值和属性被冒号隔开。

P21css的引入方式
内联样式：

内部样式：

外部样式（推荐）：

 样式需要应用很多页面时，选外部样式表。每个页面用<link>标签链接到样式表。<link>标签在文档头部

P22-选择器一

css语法规则由两个主要部分构成：选择器，以及一条或多条声明（样式）

全局选择器：可以与任何元素匹配，优先级最低，一般做样式初始化。

元素选择器：

HTML 文档中的元素，p、b、div、a、img等，都为标签选择器，选择的是页面上所有这种类型的标签。

注：

类选择器：

规定用圆点来定义，针对你想要的所有标签使用

同个标签可以使用多个类选择器。用空格隔开

P23-选择器二

ID选择器：

id是唯一的，每个id只能使用一次。

合并选择器：

选择器的优先级:

P24-字体属性

css字体属性定义字体，颜色，大小，加粗，文字样式

color：规定文本的颜色

font-size:设置文本的大小

font-weight：设置文本的粗细

font-style:指定文本的字体样式

font-family:此属性指定一个元素的字体

P25-背景属性

css背景属性主要有以下几个：

background-color属性：设置背景颜色

background-image属性：设置元素的背景图像

（div是块级元素，上下排列）

background-repeat属性：该属性设置如何平铺背景图像

background-size属性：该属性设置背景图像大小