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 一块儿使用。这样禁用缩放功能后，用户只能滚动屏幕，就能让您的网站看上去更像原生　　应用的感受