---2020/7/24
编码格式
ASCII码----7位----127个
X | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
---|
GB2312码 常用汉字----14位----1w+
X | 1 | 1 | 1 | 1 | 1 | 1 | 1 | X | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
---|
GBK码 所有汉字----15位----1w+ * 2 —>微软中国简体中文版
X | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
---|
GB18030码 中文体系----16位----1w+ * 4
1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 | 1 |
---|
以上三种皆向上兼容!!!
Unicode–万国码
utf-8 为了方便传输Unicode
html基础
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>格式化标签演示</title>
</head>
<body>
<p>p标签代表一个段落</p>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
换行<br/>换行
<hr/>
<b>加粗</b>
<i>斜体</i>
<strong>加粗</strong>
<em>斜体</em>
上标:x<sup>2</sup>=4
下标:低人<sub>一等</sub>
<pre>
静夜思
李白
床前明月光
疑是地上霜
举头望明月
低头思故乡
</pre>
</body>
</html>
p标签代表一个段落
这是标题 1
这是标题 2
这是标题 3
这是标题 4
这是标题 5
这是标题 6
换行换行
加粗 斜体 加粗 斜体 上标:x 2=4 下标:低人 一等
静夜思 李白 床前明月光 疑是地上霜 举头望明月 低头思故乡
<a href="http://www.baidu.com/" target="_blank">访问百度</a>
<a name="md">定义一个锚点</a>
<a href="mymy.html#md">锚链接</a>
<a href="javascript:void(0)">执行js代码</a>
通过锚链接可以到达某网页的指定位置 #
访问百度
定义一个锚点
锚链接
执行js代码
css
选择器
- 通配符选择器
*{
font-size: 14px;
}
-
标签选择器
根据 标签名字属性值来匹配,如
…
h2 { color: red; } div { color: green; }
-
ID选择器
根据 标签的 class 属性值来匹配,如
…
#p1 { color:#00ff00; font-size: 40px; }
-
class选择器
根据 标签的 class 属性值来匹配,如
…
.cs1 { color: blue; } .cs2 { background: #888; }
-
限定选择器
使用标签选择器加 ID或类选择器作为限定
p.cla{ background: #888; }
-
组合选择器
将多个选择器组合到一起,用 ,隔开
h2,#p1,.cs { color:green; }
class选择器比ID选择器的优先级要低
标签选择器
id选择器
限定选择器,as同时是cl1才行