今天從格式化學(xué)到了注釋，馬上就要學(xué)習(xí)CSS，因?yàn)楦杏XCSS經(jīng)常被單獨(dú)拿出來說，所以決定還是把它單獨(dú)放在另一個(gè)記錄本里。

圖1.1

實(shí)現(xiàn)效果：

圖1.2

實(shí)現(xiàn)步驟

簡書為什么不能直接拷貝代碼？？？？

好吧，我還是自己手寫吧

1.一個(gè)短引用

實(shí)現(xiàn)效果:

圖2.1

實(shí)現(xiàn)步驟:

<p>我們的目標(biāo)是:<q>沒有蛀牙</q></p>

2.一個(gè)長引用

實(shí)現(xiàn)效果：

圖2.2

<p>以上內(nèi)容來自于Fantasychong的官方小店:</p>

<blockquote>

歡迎來到Fantasychong的數(shù)碼小店，這里有更時(shí)尚更炫酷更好用更實(shí)惠的數(shù)碼產(chǎn)品<br />

小米6，小米MIX2，華為P11，華為Mate10，一加5.

</blockquote>

3.幾種縮略詞的表現(xiàn)方式

實(shí)現(xiàn)效果：

圖2.3

實(shí)現(xiàn)步驟：

<p><abbr title="Fantasychong is good">Fantasychong</abbr>本店距離百年老店還有九十九年零十一個(gè)月又三天</p>

<p><dfn title="Fantasychong is good">Fantasychong<dfn>本店距離百年老店還有九十九年零十一個(gè)月又三十天</p>

<p><dfn><abbr title="Fantasychong is good">Fantasychong</abbr></dfn>本店距離百年老店還有九十九年零十一個(gè)月又三十天</p>

<p><dfn>Fantasychong</dfn>本店距離百年老店還有九十九年零十一個(gè)月又三十天</p>

4.定義著作的標(biāo)題

實(shí)現(xiàn)效果：

圖2.4

實(shí)現(xiàn)步驟：

<p><cite>我的前半生</cite>by Fantasychong in 1995</p>

5.控制文本方向

實(shí)現(xiàn)效果：

圖2.5

實(shí)現(xiàn)步驟：

<bdo dir="rtl">讓世界感受痛楚吧</bdo>

6.HTML鍵盤格式（具體應(yīng)用尚未得知）

實(shí)現(xiàn)效果：

圖2.6

實(shí)現(xiàn)步驟：

<p>要打開這個(gè)文件，請(qǐng)選擇</p>

<p><kbd>File | Open...</kbd></p>

7.HTML樣本格式

實(shí)現(xiàn)效果：

圖2.7

實(shí)現(xiàn)步驟：

<samp>

how are you fine thank you and you fine thank ?you nice to meet you nice to meet you

</samp>

8.HTML代碼格式

code結(jié)合pre

實(shí)現(xiàn)效果：

圖2.8

實(shí)現(xiàn)步驟：

<code>

<pre>

public void OnClick(View view){

? ? ? ? ? ?switch(view.getId()){

? ? ? ? ? ? ? ? ? ? ? case R.id.main_btn:

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?Toast.makeText(MainActivity.this, "66666666",LENGTH_SHORT).show();

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?break;

? ? ? ? ? ? }

}

</pre>

</code>

9.定義變量(斜體顯示)

實(shí)現(xiàn)效果：

圖2.9

實(shí)現(xiàn)步驟：

<p>阿爾伯特·愛因斯坦寫到:</p>

<p><var>E=mc²<var></p>