HTML和CSS的入門小結

2021-07-16 20:05:49 字數 2014 閱讀 5134

在codecademy上敲完了html&css的course,可能是入門的關係,沒有感覺很吃力

以下是自己整理的乾貨,只是一些最基本的語法和初學者容易忘記的地方

1.,讓瀏覽器知道該文件型別,位於首行

2.

3.你的文字

4., 這個是自閉合標籤

5.裡面可以設定很多:

6.想要加粗的文字7.想要變成斜體的文字(強調:emphasize)8.html的注釋:9.**

這是行這是列td>

tr>

table>10.**標題

colspan="2"

(標題所佔的單元格)>**的標題th>

thead>

table>11.span標籤:想改變的文字

12.盒子:(division)

13.內聯樣式的css:

style="color: red">my little redp>

等價於下面:

pstyle>

14.需要三個屬性(自閉合標籤):

15.選擇器:selector16.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文件進行...