選擇器屬性
說明標籤選擇器
標籤名 或者元素名
類選擇器
.類名多類名選擇器
.類名 .類名
id選擇器
#id名
萬用字元選擇器
* 使用方法請參考:
字型樣式屬性
屬性說明
font-size
字型大小大小
font-family
字型font-weight
字型粗細
font-style
字型風格
外觀樣式屬性
屬性說明
color
文字顏色
line-height
行間距text-align
水平對齊方式
text-decoration
文字的裝飾
使用方法請參考:
背景樣式屬性
屬性說明
background-color
背景顏色
background-image
背景background-repeat
背景平鋪
background-position
背景位置
background-attachment
背景附著
background: rgba(0,0,0,0.3)
背景透明(css3)
(字型&外觀)使用方法請參考:
盒子模型
屬性說明
border
盒子邊框
padding
內邊距margin
外邊距box-shadow
盒子陰影
使用方法請參考:
浮動
選擇器
屬性值
描述left
元素向左浮動
right
元素向右浮動
none
元素不浮動(預設值)
使用方法請參考:
定位
選擇器
值
描述static
自動定位(預設定位方式)
relative
相對定位,相對於其原文件流的位置進行定位
absolute
絕對定位,相對於其上乙個已經定位的父元素進行定位
fixed
固定定位,相對於瀏覽器視窗進行定位
z-index
定位層級關係
元素的顯示與隱藏值描述
display
顯示visibility
可見性overflow
溢位(定位&顯示)使用方法請參考:
偽類
選擇器:偽類
屬性
描述- :link
/* 未訪問的鏈結 */
- :visited
/* 已訪問的鏈結 */
- :hover
/* 滑鼠移動到鏈結上 */
- :active
/* 選定的鏈結 */
css高階技巧值描述
cursor
滑鼠樣式
outline
輪廓resize
防止拖拽文字域
vertical-align
垂直對齊
溢位的文字隱藏
使用方法請參考:
前端 CSS2常用屬性
font weight font size font family line height font variant font direction 設定文字方向。vertical align 設定元素的垂直對齊 text align 對齊元素中的文字 text decoration 向文字新增修飾 ...
鹹魚前端 js 事件
事件事件 觸發 響應機制 event介面表示在dom中發生的任何事件,一些是使用者生成的 例如滑鼠或鍵盤事件 而其他由api生成。事件三要素 事件的基本使用var box document.getelementbyid box box.onclick function 繫結事件監聽函式 方法是用ad...
前端css屬性難點
text transform uppercase 有何用?margin 0.5em 0中的em與px有什麼區別?overflow hidden有什麼用?vertical align top 什麼意思?font inherit 什麼意思?cursor pointer 關於元素局中問題 如何使用css讓...