歡迎使用前端HTML筆記

2021-09-28 20:14:27 字數 1260 閱讀 4350

基本標籤:

標題標籤:h1~h6

段落標籤:

換行標籤:

下滑線標籤:

斜體標籤:

-----

字型加粗標籤:-----

影象標籤:

名稱標籤樣式:

在標籤內部寫樣式:內斂樣式、行內樣式

例:文字

css**優先順序:內斂樣式》內部樣式》外部樣式

選擇器:

標籤選擇器:標籤名

類選擇器:類名

id選擇器:#id名

選擇器優先順序:id選擇器》類選擇器》標籤選擇器

字型樣式:

1.font-family【設定字型型別,後面可以加一種字型或者多種字型】

例:font-family:宋體

2.font-style【字型風格】

例:font-style:inherit、italic、normal、oblique

font-size【字型大小】

color【文字顏色】

值:顏色的英文單詞;

十六進製制:0-9 a-f

rgb(255,0,0) (0,255,0) (0,0,255)

text-alian【對齊方式】

left左對齊 center居中 right右對齊

text-indent【首行縮排】

一般用px或者用em來表示

line-height【行高】

注釋:完美行高是字型大小+8px是最好的

text-decoration【文字裝飾】

underline 下劃線

overline 上劃線

line-through 中劃線

none 無

10.font-weight【文字粗細】

範圍:100-900

border【邊框】

例:style=「border:solid(實線)」

偽類語法:hover(偽類選擇器)

cursor滑鼠 pointer小手 move移動

wait載入中 crosshair十字架

空容器:

用於承載東西的域

例:background:url(one.png) no-repeat red 10px 15px

repeat-x 延x軸

repeat-y 延y軸

x軸往右為正往左為負

y軸往上為負往下為正

列表:無序列表{

ul:用來宣告無序列表

li:是乙個列表項

前端筆記1 html

html html結構介紹 文件宣告,告訴瀏覽器使用html5的標準解析頁面 根標籤體標籤 給使用者看的內容寫在body裡面 常見的文字標籤 內容標題 h1 h6 獨佔一行,字型加粗,自帶上下間距 段落標籤 p 獨佔一行,自帶上下間距 換行 br 在html頁面中回車不能換行,只能識別乙個空格 水平...

前端筆記05 HTML標題

前面我學習了html的屬性,下面是我學到的html的標題,標題很重要。搜尋引擎使用標題為您的網頁的結構和內容編制索引,而且使用者可以通過標題來快速瀏覽您的網頁,所以用標題來呈現文件結構是很重要的。標題 heading 是通過這是4級標題 這是5級標題 這是6級標題 在某些html介面中會出一條水平線...

Web前端 Html部分筆記(二)

作用 用於給文字新增標題語義 格式說明 作用讓內容換行 格式aaaaa bbbbb 說明br的意思是不另起乙個段落進行換行,如果需要另起了乙個段落,則應該使用p標籤來做。作用告訴瀏覽器哪些文字是乙個段落 格式 xx 說明 在瀏覽器中會單獨佔一行且自動換行。p標籤與br標籤的區別 1 相同之處 br和...