C#213课的主要内容

今天主要学习了一下知识点：

     HTML类

对HTML进行分类（设置类），使我们能够为元素的类定义css样式。

为相同的类设置相同的样式，或者为不同的类设置不同的样式。

分类块级元素

HTML<div>元素是块级元素。它能够用作其他HTML元素的容器。

设置<div>元素的类，使我们能够为相同的<div>元素设置相同的类：

分类行内元素

HTML<span>元素是行内元素，能够用作文本的容器。

设置<span>元素的类，能够为相同的<span>元素设置相同的样式。

HTML布局

网站常常以多列显示内容（就像杂志和报纸）。

使用<div>元素的HTML布局

注释：<div>元素常用作布局工具，因为能够轻松地通过CSS对其进行定位。

实例

CSS:

使用HTML5的网站布局

HTML5提供的新语义元素定义了网页的不同部分：

HTML5语义元素

使用<header>,<nav>,<section>,以及<footer>来创建多列布局：

实例

CSS

使用表格的HTML布局

注释：<table>元素不是作为布局工具而设计的。

<table>元素的作用是显示表格化的数据。

使用<table>元素能够取得布局效果，因为能够通过CSS设置表格元素的样式：

实例

CSS

HTML相应式Web设计

什么是响应式Web设计？

RWD指的是响应式Web设计

RWD能够以可变尺寸传递网页

RWD对于平板和移动设备是必需的

创建你自己的相应式设计

创建相应式设计的一个方法，是自己来创建它：

使用bootstrap

另一个创建相应式设计的方法，是使用现成的CSS框架。

Bootstrap是最流行的开发相应式web的HTML,CSS和JS框架。

Bootstrap帮助你开发在任何尺寸都外观出众的站点：显示器，笔记本电脑，平板电脑或手机：