鹹魚前端 CSS常用屬性

2021-10-01 01:45:11 字數 1671 閱讀 5754

選擇器屬性

說明標籤選擇器

標籤名 或者元素名

類選擇器

.類名多類名選擇器

.類名 .類名

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讓...