HTML學習小記

2021-07-23 22:16:53 字數 1245 閱讀 7187

html是英文hyper text markup language(超文字標記語言)的縮寫。

h1就是乙個html元素

h1header1的簡寫,意思是一級標題。 例:

p是英文paragraph段落的縮寫

例:hello paragraph

注釋web開發常見

lorem ipsum text

佔位符,佔著位置的文字,沒有實際意義。

修改h元素的style(樣式)來改變某些文字的顏色:

這叫做元素新增inline style(內聯樣式)。

css(cascading style sheets)。

h2 類選擇器:先宣告乙個類選擇器

font-size來控制的:  h1

font-family屬性來設定元素的字型:  h1   

首先用link標籤來引入谷歌lobster字型:

置於**編輯器的頂部就可以

lobster作為 font-family屬性 的值應用到

元素上了。

monospaceserifsans-serif是所有瀏覽器都可用的,當某種字型不可用時,可以讓瀏覽器自動降級到另一種字型。例:字型為helvetica不可用時自動降級使用sans-serif字型:p

img元素新增(img元素不須結束),使用src屬性指向乙個的具體位址,例:

width屬性:

.my-image

的屬性有style(樣式)、color(顏色)、width(寬度)、height(高度)、radius(邊框半徑)等。

.my-border

畫素或百分比來指定border-radius邊框半徑的值。

HTML學習小記3

input元素中加上required屬性 input輸入框的一種型別 每乙個單選按鈕都應該巢狀在它自己的label 標籤 元素中。name1 所有關聯的單選按鈕應該使用相同的name屬性。loving 也被稱作division 層 元素,是乙個盛裝其他元素的通用容器。所以可以利用css的繼承關係把d...

HTML學習小記4

padding top padding right padding bottom和padding left來控制元素上右下左四個方向的padding。或者集中起來指定它們 padding 10px 20px 10px 20px 這四個值以順時針方式排列 頂部 右側 底部 左側,簡稱 上右下左。和元素...

HTML學習小記5

css 繼承 body元素 可以像對其他 html 元素一樣對body元素應用樣式,並且所有其他元素將繼承body元素的樣式。class 會override 覆蓋 body元素的color。通過用空格分隔多個 class 屬性,可對 html 元素應用多個 class 屬性 class class1...