筆記 HTML及CSS相關筆記 三

2021-08-18 12:44:38 字數 1652 閱讀 5178

啦啦啦 , 我又一次懶了,哎,先放上我的html筆記吧,現在正在整理有關介面與異常的筆記,各位,我們馬上見面.

span標籤:表示範圍,可以更改span標籤內的文字樣式

字型font-family:字型型別

font-size:字型大小(px或em)

font-weight:字型粗細(normal、bold、bolder、lighter、100~900)

font-style:字型風格(normal、oblique(掰斜)、italic(斜體))

font:風格 粗細 大小 型別

文字color:文字顏色

16進製制顏色(最大到f)

rgb(0~255,0~255px,0~255)顏色

rgba(0~255,0~255px,0~255,0~1)給顏色加透明度

argb(0~1,0~255,0~255px,0~255)給顏色加透明度

text-align:(left 居左,right 居右,center 居中,justify 兩端對齊)

text-shadow:陰影顏色 x軸位移(px) y軸位移(px) 模糊半徑(px)

偽類樣式

a:link 初始預設

a:hover 滑鼠懸浮

a:active 滑鼠按住不放

a:visited 訪問後

列表樣式

list-style-type: none disc circle square decimal

list-style: none disc circle square decimal

list-style-image: url(路徑)

list-style-position: inside(內部)或outside(外部)

list-style: inside(內部)或outside(外部)url(路徑)

背景樣式

背景顏色:background-color:

背景重複方式:

background-repeat:repeat(預設水平垂直平鋪) repeat-x(水平平鋪) repeat-y(垂直方向平鋪) no-repeat(不平鋪)

背景定位

background-position:

可用 px表示 水平 垂直的位置

百分比表示 水平 垂直的位置

關鍵字:left right center(只有center!!!) top bottom

background-size:

auto 預設大小

cover: 填充整個塊元素

瀏覽器核心字首

-ms- :ie瀏覽器

-webkit-:谷歌瀏覽器和safari瀏覽器

-moz-:火狐瀏覽器

-o-:歐鵬瀏覽器

線性漸變

background:

linear-gradient(方向或to方向,顏色1,顏色2……)

方向:left、right、top、bottom、 left top、left bottom、right top、right bottom

加to與不加to的區別:

加to:從相反方向到 to的方向漸變,有to無字首

不加to:從加入的方向到相反方向,不加to需字首

css相關筆記(三)

1.行高是基線到基線之間的距離,基線到基線之間的距離也等於 上邊距到下邊距之間的距離 所以行高 文字高度 文字頂線到上邊距的距離 上邊距 文字底線到下邊距的距離 下邊距 2.當行高與父容器的高度相同時,文字就會垂直居中 3.行高的單位 有px em 純倍數數字 px 是具體的大小 畫素 em 是根據...

html相關筆記(二)

1.超連結的錨點鏈結 不僅可以指向 也可以指向 2.頁面超連結的優化寫法 3.meta 標籤宣告 chareset utf 8 是為了告訴瀏覽器怎麼解析,name keywords description content 關鍵字 描述資訊 是為了 利於seo優化 在不花錢的情況下 讓你的 被搜尋時 ...

HTML相關學習筆記

普通流 標準流 浮動定位 多個塊級元素橫向排列找浮動,多個塊級元素縱向排列找普通流 浮動特性 脫離標準流的控制移動到指定位置 浮動的盒子不在保留原先的位置 浮動元素會具有行內塊元素的特性 sticky 粘性定位 相對和固定定位的混合 疊放次序 z index 絕對定位的居中對齊 不可以使用margi...