HTML学习笔记(Day4)

一、HTML类

对 HTML 进行分类(设置类),使我们能够为元素的类定义 CSS 样式。
为相同的类设置相同的样式,或者为不同的类设置不同的样式。

1.HTML

元素是块级元素。它能够用作其他 HTML 元素的容器。
设置
元素的类,使我们能够为相同的
元素设置相同的类。









London

London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

Paris

Paris is the capital and most populous city of France.

2.HTML 元素是行内元素,能够用作文本的容器。
设置 元素的类,能够为相同的 元素设置相同的样式。








My Important Heading


二、HTML布局

1.使用

的布局

元素常用作布局工具,因为能够轻松地通过 CSS 对其进行定位,例如














London

London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.

2.使用HTML的网站布局

略,样例见http://www.w3school.com.cn/html/html_layout.asp

二、响应式web设计

这里只摘录两个简单例子,详细学习准备放在Bootstrap部分

1.自主实现响应式设计









W3School Demo

Resize this responsive page!


London

London is the capital city of England.

It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

Paris

Paris is the capital and most populous city of France.

Tokyo

Tokyo is the capital of Japan, the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.

2.利用Bootstrap创建响应式设计




  
  
  




W3School Demo

Resize this responsive page!

London

London is the capital city of England.

It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.

Paris

Paris is the capital and most populous city of France.

Tokyo

Tokyo is the capital of Japan, the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.

参照例子简单了解,详细学习放在后面。


Ref:www.w3school.com.cn

你可能感兴趣的:(HTML学习笔记)