在codecademy上敲完了html&css的course,可能是入門的關係,沒有感覺很吃力
以下是自己整理的乾貨,只是一些最基本的語法和初學者容易忘記的地方
1.,讓瀏覽器知道該文件型別,位於首行
2.
3.你的文字
4., 這個是自閉合標籤
5.裡面可以設定很多:
想要加粗的文字
7.想要變成斜體的文字(強調:emphasize)
8.html的注釋:
9.**
14.這是行這是列td>
12.盒子:tr>
table>10.**標題
colspan="2"
(標題所佔的單元格)>**的標題th>
thead>
table>11.span標籤:想改變的文字
(division)
13.內聯樣式的css:
style="color: red">my little redp>
等價於下面:
pstyle>
需要三個屬性(自閉合標籤):
15.選擇器:selector
16.css的注釋:/*我是被注釋的*/
17.十六進製制的顏色(hexadecimal)以#開頭不區分大小寫
18.字型可以同時輸入多個,但只顯示最前面使用者電腦可識別的字型
p
如果電腦不認識第乙個,那麼往後輪,輪到識別為止,用字型間用,
隔開
19.css常見引數:
20.*
:萬用字元,用來匹配頁面上的所有元素
21.指定類(可多個):html中:class='***'
css中:.***
22.指定id(只乙個):html中:id='***'
css中:#***
23.偽類選擇符(pseudo selectors):abc:nth-child(x)
(x為序號)
24.maindiv > div
子代選擇器(只對應用物件直接相應子節點有效)
maindiv div
後代選擇器(對應用物件內的所有響應子節點有效)
25.display屬性:block、inline-block、line、none
26.邊距:
margin:1px 2px 3px 4px
=margin-top;margin-right;margin-bottom;margin-left
padding:
設定方式同margin
padding:4px
(設定四個方向都是4px),邊距的賦值也可以是負數
27.浮動:float:(left、right)
28.position:absolute (絕對定位)、relative(相對定位)、fixed(固定)
html入門小結
一 認識 html 文件結構 html 的結構包括頭部 head 主體 body 兩大部分。頭部描述瀏 覽器所需的資訊,主體包含所要說明的具體內容。告訴瀏覽器使用了哪個 html 版本 html 文件的開始 head 中多定義了搜尋引擎和瀏覽器會讀取的內容 字元編碼 文件標題 body 中的內容是使...
HTML 和 CSS 快速入門
hyper text markup language 超文字標記語言,是最基礎的網頁開發語言。網頁檔案字尾名以.html htm結束。html5 中定義該文件型別是html文件 html 文件的根標籤 頭標籤,用於指定 html 文件的一些屬性,引入外部的資源。標題標籤 體標籤 注釋 cascadi...
關於html中CSS的小結
1 html引用css樣式表包括三種方法 1 行間格式化,對單個元素有效 2 內部格式化,在html的head部分對html的元素格式進行定義,然後就可以對整個html文件的屬性進行修改 3 外部呼叫,呼叫外部事先編寫好的css樣式表,最常見的方式,也是最實用的方式,可以針對整個 的html文件進行...