HTML 筆記

時間 2019-11-09

標籤 html 筆記欄目 HTML 简体版

原文原文鏈接

CSS：css

　　來自w3school，HTML文本樣式 http://www.w3school.com.cn/css/css_text.asphtml

　　HTML不忽略換行和空格方法 http://www.w3school.com.cn/tiy/t.asp?f=csse_text_white-space_normal
　　HTML防止文本自動換行方法 http://www.w3school.com.cn/tiy/t.asp?f=csse_text_white-spacejquery

　　CSS定位 http://www.w3school.com.cn/css/css_positioning.aspbootstrap

　　CSS 設置焦點時樣式僞類 http://www.w3school.com.cn/tiy/t.asp?f=csse_link_focus瀏覽器

　　display: block 把元素顯示爲塊級元素；網站

　　CSS邊框：http://www.w3school.com.cn/css/css_boxmodel.aspspa

Bootstrap ：

　　Bootstrap CND加速中國連接scala

 1 <!-- 新 Bootstrap 核心 CSS 文件 -->
 2 <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">
 3  
 4 <!-- 可選的Bootstrap主題文件（通常不用引入） -->
 5 <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
 6  
 7 <!-- jQuery文件。務必在bootstrap.min.js 以前引入 -->
 8 <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
 9  
10 <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
11 <script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

　　Bootstrap 使用了一些 HTML5 元素和 CSS 屬性。爲了讓這些正常工做，您須要使用 HTML5 文檔類型（Doctype）。所以，請在使用 Bootstrap 項目的開頭包含下面的代碼段。code

1 <!DOCTYPE html>
2 <html>
3 ....
4 </html>

　　Bootstrap移動設備優先：爲了讓 Bootstrap 開發的網站對移動設備友好，確保適當的繪製和觸屏縮放，須要在網頁的 head 之中添加 viewport meta標籤，以下所示：orm

1 <meta name="viewport" content="width=device-width, initial-scale=1.0">

　　width 屬性控制設備的寬度。假設您的網站將被帶有不一樣屏幕分辨率的設備瀏覽，那麼將它設置爲 device-width 能夠確保它能正確呈如今不一樣設備上。 initial-scale=1.0 確保網頁加載時，以 1:1 的比例呈現，不會有任何的縮放。

　　在移動設備瀏覽器上，經過爲 viewport meta 標籤添加 user-scalable=no 能夠禁用其縮放（zooming）功能。一般狀況下，maximum-scale=1.0 與 user-scalable=no 一塊兒使用。這樣禁用縮放功能後，用戶只能滾動屏幕，就能讓您的網站看上去更像原生　　應用的感受

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。