html是英文hyper text markup language(超文字標記語言)的縮寫。
h1就是乙個html元素
,h1
是header1
的簡寫,意思是一級標題。 例:
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屬性 的值應用到
元素上了。
monospace
、serif
和sans-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...