啦啦啦 , 我又一次懶了,哎,先放上我的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...