<meta>標簽
必須的屬性
<table class="dataintable">
<tr>
<th style="width:20%;">屬性</th>
<th style="width:20%;">值</th>
<th style="width:60%;">描述</th>
</tr>
<tr>
<td><a href="#meta_prop_content">content</a></td>
<td>some_text</td>
<td>定義與 http-equiv 或 name 屬性相關(guān)的元信息</td>
</tr>
</table>
leetcode
Add Two Numbers
You are given two non-empty linked lists representing two non-negative integers. The digits are stored in reverse order and each of their nodes contain a single digit. Add the two numbers and return it as a linked list.
You may assume the two numbers do not contain any leading zero, except the number 0 itself.
Input: (2 -> 4 -> 3) + (5 -> 6 -> 4)
Output: 7 -> 0 -> 8
Solutions:
ListNode *addTwoNumbers(ListNode *l1, ListNode *l2) {
ListNode preHead(0), *p = &preHead;
int extra = 0;
while (l1 || l2 || extra) {
int sum = (l1 ? l1->val : 0) + (l2 ? l2->val : 0) + extra;
extra = sum / 10;
p->next = new ListNode(sum % 10);
p = p->next;
l1 = l1 ? l1->next : l1;
l2 = l2 ? l2->next : l2;
}
return preHead.next;
}```
#css
內(nèi)聯(lián)式
嵌入式
外部式
html文檔：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>嵌入式css樣式</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p>慕課網(wǎng)，<span>超酷的互聯(lián)網(wǎng)</span>、IT技術(shù)免費學(xué)習(xí)平臺，創(chuàng)新的網(wǎng)絡(luò)一站式學(xué)習(xí)、實踐體驗；<span>服務(wù)及時貼心</span>，內(nèi)容專業(yè)、<span>有趣易學(xué)</span>。專注服務(wù)互聯(lián)網(wǎng)工程師快速成為技術(shù)高手！</p>
</body>
</html>```
css文檔：
span{
color:blue;
}```
###標簽選擇器
每一條css樣式聲明（定義）由兩部分組成，形式如下：
選擇器{
樣式;
}```
在{}之前的部分就是“選擇器”，“選擇器”指明了{}中的“樣式”的作用對象，也就是“樣式”作用于網(wǎng)頁中的哪些元素。比如右側(cè)代碼編輯器中第7行代碼中的“body”就是選擇器。
類選擇器
.類選器名稱{css樣式代碼;}```
注意：
1、英文圓點開頭
2、其中類選器名稱可以任意起名（但不要起中文噢）
使用方法：
第一步：使用合適的標簽把要修飾的內(nèi)容標記起來，如下：
<span>膽小如鼠</span>```
第二步：使用class="類選擇器名稱"為標簽設(shè)置一個類，如下：
<span class="stress">膽小如鼠</span>```
第三步：設(shè)置類選器css樣式，如下：
.stress{color:red;}/類前面要加入一個英文圓點/```
ID選擇器
在很多方面，ID選擇器都類似于類選擇符，但也有一些重要的區(qū)別：
1、為標簽設(shè)置id="ID名稱"，而不是class="類名稱"。
2、ID選擇符的前面是井號（#）號，而不是英文圓點（.）。
右側(cè)代碼編輯器中就是一個ID選擇符的完整實例。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>認識html標簽</title>
<style type="text/css">
#stress{
color:red;
}
#setGreen{
color:green;
}
</style>
</head>
<body>
<h1>勇氣</h1>
<p>三年級時，我還是一個<span id="stress">膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學(xué)校舉辦的活動我也沒勇氣參加。</p>
<p>到了三年級下學(xué)期時，我們班上了一節(jié)<span id="setGreen">公開課</span>，老師提出了一個很簡單的問題，班里很多同學(xué)都舉手了，甚至成績比我差很多的，也舉手了，還說著："我來，我來。"我環(huán)顧了四周，就我沒有舉手。</p>
</body>
</html>```
###類和ID選擇器的區(qū)別
相同點：可以應(yīng)用于任何元素
不同點：
1、ID選擇器只能在文檔中使用一次。與類選擇器不同，在一個HTML文檔中，ID選擇器只能使用一次，而且僅一次。而類選擇器可以使用多次。
2、可以使用類選擇器詞列表方法為一個元素同時設(shè)置多個樣式。我們可以為一個元素同時設(shè)多個樣式，但只可以用類選擇器的方法實現(xiàn)，ID選擇器是不可以的（不能使用 ID 詞列表）。
.stress{
color:red;
}
.bigsize{
font-size:25px;
}
<p>到了<span class="stress bigsize">三年級</span>下學(xué)期時，我們班上了一節(jié)公開課...</p>```
通用選擇器
通用選擇器是功能最強大的選擇器，它使用一個（*）號指定，它的作用是匹配html中所有標簽元素，如下使用下面代碼使用html中任意標簽元素字體顏色全部設(shè)置為紅色：
* {color:red;}```
###子選擇器
還有一個比較有用的選擇器子選擇器，即大于符號(>),用于選擇指定標簽元素的第一代子元素。如右側(cè)代碼編輯器中的代碼：
.food>li{border:1px solid red;}```
這行代碼會使class名為food下的子元素li（水果、蔬菜）加入紅色實線邊框。
偽類選擇符
更有趣的是偽類選擇符，為什么叫做偽類選擇符，它允許給html不存在的標簽（標簽的某種狀態(tài)）設(shè)置樣式，比如說我們給html中一個標簽元素的鼠標滑過的狀態(tài)來設(shè)置字體顏色：
a:hover{color:red;}```
上面一行代碼就是為 a 標簽鼠標滑過的狀態(tài)設(shè)置字體顏色變紅。這樣就會使第一段文字內(nèi)容中的“膽小如鼠”文字加入鼠標滑過字體顏色變?yōu)榧t色特效。
關(guān)于偽選擇符：
關(guān)于偽類選擇符，到目前為止，可以兼容所有瀏鑒器的“偽類選擇符”就是 a 標簽上使用 :hover 了（其實偽類選擇符還有很多，尤其是 css3 中，但是因為不能兼容所有瀏覽器，本教程只是講了這一種最常用的）。其實 :hover 可以放在任意的標簽上，比如說 p:hover，但是它們的兼容性也是很不好的，所以現(xiàn)在比較常用的還是 a:hover 的組合。