編程比較舒適的等寬字體:DejaVu Sans Mono
字體的分類:
serif (襯線字體){在筆畫上面有些特殊的修飾效果}
sans-serif (非襯線字體){橫平豎直.橫就是橫,點就是點}
monospace ( 等寬字體)
cursive ( 草書字體)
fantasy (虛幻字體)
以上這些分類都是一些大的分類, 並沒有涉及具體的類型,如果將字體指定為這些格式,瀏覽器會自己選擇指定類型的字體。一般情況在指定字體的時候.把分類名稱放到最后面當備用字體
html標簽
html標簽的語義:
<div>,<span>沒有任何默認樣式和語義
<b>(加粗),<i>(斜體) 有默認樣式 沒有任何語義
<small> 有默認樣式 h5中語義:用來表示一些細則,比如合同中的小字,版權聲明等
<big>有默認樣式 無語義 已淘汰
<cite>有默認樣式 可以指明某內容的引用或參考,例如文章,圖書,電影,標題，書名 例:<p><cite>《七龍珠》</cite>講的是....<p>
<q>(行內引用)表示一個短的引用 例如 <p>孔子曰:<q>學而時習之</q></p> 有默認樣式,瀏覽器會自動加一個引號
<blockquote>(塊狀引用)表示一個長的引用 例如 <p>孔子曰:<blockquote>學而時習之</blockquote></p> 有默認樣式,瀏覽器會自動加一個引號
<sup>設置上標 比如 2<sup>2</sup> 則瀏覽器會顯示2的2次方 或者可以加個a標簽作為小備注
<sub>設置下標
<del>刪除線
<ins> 表示插入的內容 瀏覽器會自動加上下划線
<pre>預格式標簽 常用語代碼的顯示
<code> 僅僅語義表示這里面是一段代碼,但是格式並不會保留.所以通常與 pre標簽配合使用
ul,li無序列表
ol,li有序列表
dl,dd,dt 定義列表
注意:
一般情況下只會使用塊元素包裹行內元素,而不會用行內元素包裹塊元素
a 標簽可以包裹任意元素,除了它本身(無論是塊元素還是行內元素)
p元素不能包含其他的任何塊元素
元素與元素之間的關系:
元素與元素之間的關系:
父元素:直接包含子元素的元素
子元素:直接被父元素包含的元素
祖先元素:直接或間接包含后台元素的元素(父元素也屬於祖元素)
后台元素:直接或間接被祖元素包含的元素(子元素也是后台元素)
兄弟元素:擁有相同父元素的元素叫做兄弟元素
什么是偽類:
偽類專門用來表示元素的一種特殊的狀態
比如 訪問過的超鏈接,焦點文本框
什么是偽元素
偽元素用來表示元素中的一些特殊的位置
html中em單位是什么意思
和百分比類似,它是相對於當前元素的字體大小來計算的.1em=1個font-size
原文地址:http://www.qingzhouquanzi.com/100.html
筆記來源於 b站 尚硅谷 html5課程103集