常用CSS縮寫語法總結

2021-12-25 07:37:13 字數 1799 閱讀 6298

顏色16進製制的色彩值,如果每兩位的值相同,可以縮寫一半,例如:

#000000可以縮寫為#000;#336699可以縮寫為#369;

盒尺寸通常有下面四種書寫方法:

property:value1; 表示所有邊都是乙個值value1;

property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2

property:value1 value2 value3; 表示top的值是value1,right和left的值是value2,bottom的值是value3

property:value1 value2 value3 value4; 四個值依次表示top,right,bottom,left

方便的記憶方法是順時針,上右下左。具體應用在margin和padding的例子如下:

margin:1em 0 2em 0.5em;

邊框(border)

邊框的屬性如下:

border-width:1px;

border-style:solid;

border-color:#000;

可以縮寫為一句:border:1px solid #000;

語法是border:width style color;

背景(backgrounds)

背景的屬性如下:

background-color:#f00;

background-image:url(

background-repeat:no-repeat;

background-attachment:fixed;

background-position:0 0;

可以縮寫為一句:background:#f00 url( no-repeat fixed 0 0;

語法是background:color image repeat attachment position;

你可以省略其中乙個或多個屬性值,如果省略,該屬性值將用瀏覽器預設值,預設值為:

color: transparent

image: none

repeat: repeat

attachment: scroll

position: 0% 0%

字型(fonts)

字型的屬性如下:

font-style:italic;

font-variant:small-caps;

font-weight:bold;

font-size:1em;

line-height:140%;

font-family:"lucida grande",sans-serif;

可以縮寫為一句:font:italic small-caps bold 1em/140% "lucida grande",sans-serif;

注意:1如果你縮寫字型定義,至少要定義font-size和font-family兩個值。

2.縮寫時必須按照這樣的順序寫:font:

font-style||font-variant||font-weight||font-size||line-height||font-family

列表(lists)

取消預設的圓點和序號可以這樣寫list-style:none;,

list的屬性如下:

list-style-type:square;

list-style-position:inside;

list-style-image:url(

可以縮寫為一句:list-style:square inside url(

CSS基礎語法 常用知識點總結

body是標籤名,background color,background image,background repeat是屬性,blue是屬性值等 當然這些屬性可以用一句話綜合寫起來看下面屬性綜合寫法 多個標籤組合 h1,h2,h3 是逗號分開的一般用在有的標籤樣式一樣就可以寫在一起這樣就減少 的使...

處方常用縮寫表

專案外文縮寫 每日1次qd每日2次bid每日3次tid每日4次qid每日5次quing id中文意義 中文意義每晨1次 每晚1次隔日1次每2天1次每小時1次外文縮寫qmqn on qodq2dqh給藥次 數每日6次每週1次每2周1次隔週1次上午下午今晚明晨給藥時明晚間 立即隨意疼痛時必要時 長期 用...

獵頭常用的職位英文縮寫

獵頭術語 編輯詞條 摘要術語 cc意思 陌生 cold call 的縮寫c b 薪酬 不確定cao 藝術總監 cbo 商務總監 cco 內容總監 cdo 開發總監 cfo 財務總監 cho 人事總監 cio 技術總監 cko 知識總監 cmo 市場總監 cpo 公關總監 cqo 質控總監 cro 研...