css常用小記

2021-05-21 20:13:39 字數 2006 閱讀 6113

字型

文字顏色

color: #000;

文字大小

font-size: 8pt;

文字字型

font-family: 「arial」, dotum;

文字斜體

font-style: italic;

小字型font-variant: small-caps;

字間距離

letter-spacing: 1pt; 行高

line-height: 15px; (

亦可為百分比)

文字粗體

font-weight: bold;

加底線text-decoration: underline;

加刪除線

text-decoration: line-through;

加頂線text-decoration: overline;

刪除連線底線

text-decoration: none;

首字大寫

text-transform: capitalize;

英文大寫

text-transform: uppercase;

英文小寫

text-transform: lowercase;

文字靠左

text-align: left;

文字靠中

text-align: center;

文字靠右

text-align: right;

文字分散對齊

text-align: justify;

背景

背景顏色

background: #e9e9e9;

背景圖片不重複

background: url(

圖片位址

) no-repeat;

背景重複

background: url(

圖片位址

) repeat; 背景

y軸重複

background: url(

圖片位址

) repeat-y; 背景

x軸重複

background: url(

圖片位址

) repeat-x;

背景浮水印固定

background: url(

圖片位址

) fixed;

背景置中

background-position: center;

背景靠左

background-position: left;

背景靠右

background-position: right;

背景靠上

background-position: top;

背景靠下

background-position: bottom;

簡易寫法

background: url(

位址) no-repeat top center fixed #fff;

●備註:位址請記得不是複製上方的網址,而是在圖片上方按右鍵內容裡的那個網址!

框線

全框線border: 1px solid #000;

上框線border-top: 1px solid #000;

下框線border-bottom: 1px solid #000;

右框線border-right: 1px solid #000;

左框線border-left: 1px solid #000;

框線種類

solid 直線

dotted 點線

dashed 虛線

double 雙線

groove

立體內凸

ridge

立體浮凸

inset 凹框

outset 凸框

CSS語法小記

一 css語法結構 語法 選擇符 例如 body 引數說明 1.選擇符 selector 指明這組樣式所要針對的物件。可以是乙個xhtml標籤,例如h1,img 也可以是定義了特定的id或者class的標籤,如 main表示用 id main 修飾的標籤,footer表示用class footer ...

grep cat命令常用小記

grep命令筆記 1,輸出匹配指定模式行的前或者後面n行 grep a 10 b 20 字段 檔案位置 2,建立命令集模板查詢 modle檔名,內包括字段集合 可為某個業務建立乙個查詢集合 grep f modle 檔案位置 3,在檔案中查詢字段 grep 字段 檔案位置 e grep tomcat...

git常用指令小記

git branch 檢視當前分支 git branch a 檢視所有分支 git branch 分支名 新建本地分支 git status 檢視當前分支的狀態 git diff 檢視當前修改的差異 git add 新增所有修改 git add 修改檔案路徑 新增某個檔案修改 git add all...