FreeCodeCamp總結 基礎標籤和知識點

2021-08-21 04:21:52 字數 1819 閱讀 4977

1.內聯樣式格式舉例(注意= " " :  ;)

優勢:簡單有效 缺點:維護不方便

2.元素選擇器舉例

首先文件頂端建立格式:選擇器

注意:一定要加上分號

3.字型大小屬性名稱:

h1
4.字型樣式屬性名稱

h2
5.使用谷歌字型

首要將**放入編輯器的頂部引入想要的字型,例如想用lobster字型

現在就可以將lobster作為font-family屬性的值了,效果為:

6.字型的自動降級

有幾種預設字型是所有瀏覽器都可用的,比如monospace/serif/sans-serif,但是當某種字型不可用時,可以讓瀏覽器自動降級到另一種字型。例如helvetical字型不可用時,會自動降級使用sans-serif字型。

p
8.邊框

屬性有:style、color、width、height 例如:

9.變圓角border-radius:畫素值/百分比50%;

11.alt屬性(當無法載入時顯示的替代文字) 搜尋引擎也會搜尋alt屬性,每一張都應有乙個alt屬性

12.輸入框佔位符(預定義文字)(例如:"請輸入賬號")

13.表單action,構建可以和伺服器互動的web表單form,action的值為表單提交到伺服器的位址。

14.設定某一些項為必填項:required 

15.單選按鈕radio button 只是輸入框input的一種型別

每乙個單選按鈕都應該巢狀在它自己的label(標籤)元素中,所有關聯的單選那妞都應該使用相同的name屬性

indoor
16.複選按鈕checkbox,也是input輸入框的另一種型別,也都應嵌入到label元素中,關聯的應有相同name屬性

loving
17.預設選中checked

知識點:

1.背景顏色background-color

2.所有的html元素本質上是小的矩陣塊,有三個影響布局的屬性:margin padding border

padding外邊距控制著元素內容和元素邊框border之間的距離

margin內邊距控制著元素邊框border和元素實際所佔空間的距離,如果設定為負值,元素將會變大。

3.字型顏色屬性:color:red;

4.優先順序:行內樣式》id>class

5.最強大的覆蓋css的方法:為了不讓使用的css庫覆蓋掉自己的css,可以使用!important

color: pink !important;
這樣就可以確保字型顏色為粉紅色了,

6.0是十六進製制中最小的乙個,**顏色的完全缺失,f是最大的乙個,代表最大亮度。遵循紅綠藍即rgb格式

前兩位表示紅色的數量,三四表示綠色,五六表示藍色的數量。

注:應用多個class到乙個元素:用空格分開,順序無所謂,但是style裡的class順序很重要,後面的優先權大。

Freecodecamp學習筆記( )

46.adjust the margin of an element 47.add a negative margin to an element 48.add different padding to each side of an element調整每條 padding 有時你想要自定義元素,使...

FreeCodeCamp練習筆記

css樣式表 巢狀 body是最外層包圍其他所有html元素 標籤 其中的元素樣式都可覆蓋body的樣式。覆蓋 同一元素有多個樣式,位置靠後的樣式覆蓋位置靠前的樣式。id id與位置無關,可任意覆蓋class樣式。內聯樣式 元素屬性style比class和id樣式優先順序都高。important 標...

FreeCodeCamp學習筆記(1)

22.size your images 改變寬度 改變寬度 23.add borders around your elements 改變邊框 如果我們想要讓乙個html元素的邊框顏色為紅色 邊框寬度為5畫素 px 邊框樣式為固體 solid 如下 class 之間用空格分開即可。例如 24.add ...