2016.8.14 HTML5重要標籤及其屬性學習

1.移動端的CSS：

通常須要引入下面的外部樣式表：

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>

Bootstrap，來自 Twitter，是目前很受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發更加快捷。[1]  它由Twitter的設計師Mark Otto和Jacob Thornton合做開發，是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規範，它便是由動態CSS語言Less寫成。Bootstrap一經推出後頗受歡迎，一直是GitHub上的熱門開源項目，包括NASA的MSNBC（微軟全國廣播公司）的Breaking News都使用了該項目。[2]  國內一些移動開發者較爲熟悉的框架，如WeX5前端開源框架等，也是基於Bootstrap源碼進行性能優化而來。

 

2.在Bootstrap下，咱們設計<div class="">

 

3.文本居中：

 

 

4.移動端的長條按鈕：

第一種：

第二種：

 

 第三種：

 

第四種：col-xs-4這種類，4表示4列，xs表示額外的小

在這以前，要先把全部的按鈕放到同一個<div class="row ">

 

 

 

 5.涉及文本的類：

第一種：

 

6.涉及圖片自適應的類：