2017 7 13 CSS核心屬性

2021-09-30 13:50:06 字數 2103 閱讀 4623

0(

!important

、內聯樣式)0(

id選擇器)

0(類選擇器)

0(標籤選擇器)

a:link

p最終p標籤顯示字型為

20px

,因為首先下面「

font-size:1em

;」覆蓋了 「

font-size:56px;

」;然後p

標籤從祖輩

body

標籤裡繼承了「

font-size:20px;

」,所有此時

1em=20px

。十六進製制表示顏色,由0-9、a、

b、c、

d、e、

f十六個數字組成。

#0b(r) ef(g) 98(b)

font-family:」仿宋」/」times new roman」;用引號的原因是讓瀏覽器明白這是乙個整體。

font-family:」lemon」,」仿宋」,」宋體」;   以防字型不存在時,可以用其他字型顯示內容,其中

lemon

優先順序最高,宋體優先順序最低。

font-weight:bold/normal/100-500/600-900;

font-style:normal/italic;

文字水平對齊方式。

text-align:left/right/center;

注意,文字對齊與最近的容器中,而非整個瀏覽器中;只能是文字,多用於單行文字,多行文字中只有最後一行對齊。

垂直對齊方式,多用於行內元素,不能用於塊級元素。

vertical-align:bottom/baseline/middle/top;

將該元素的某一條線與參考文字基線對齊。

每乙個文字都有4條線,

bottom

底線、baseline

基線、middle

中線、top頂線

想讓兩個高度不同的行內元素垂直於中線居中,則都新增vertical-align:middle;。

文字修飾。如a標籤預設

text-decoration:underline;。

text-decoration:underline下線

/overline

上線/line-through

中線/none無線;

首行縮排,text-indent:32px/2em;

也可設定為負值,設定為負值是用來隱藏不想被看到但又不得不寫的文字,如h1標籤

letter-spacing表示字間距,

word-spacing

表示詞間距。

line-height表示文字每一行的行高,想讓文字在容器中垂直居中,可將

line-height

設定為容器的

height

值。lisy-style-type:disc/circle/square/none;

list-style-img:url(「」);

list-sytle-position:inside/outside;

邊框寬邊框樣式,屬性值有solid  dashed  dotted  double.

簡寫 border:width style color;    border-left-color:red;   border-right:width style color;

background-img:

url(「」);

當背景的尺寸等於容器大小時,背景圖完全被顯示;背景的尺寸小於容器尺寸時,則預設平鋪;背景的尺寸大於容器尺寸時,不能完全顯示。

background:repeat/no-repeat; 是否平鋪;

background:repeat-x/repeat-y;

水平平鋪、垂直平鋪。

背景在容器中的位置。

background-positon:right/left top/bottom; 在容器的四個角顯示;

background-positon:

xpx ypx;

表示從(

x,y)這個點開始擺放,可取負值。

背景圖的固定background-attachment:fixed/scroll;固定、滾動。

css核心屬性

語法 font family 字型1,字型2,字型3 eg body 注 語法 font size 數值 單位 eg h1 注 語法 font weight bold 加粗 bolder 加粗 normal 常規字型 100 900 eg h1,h2,h3,h4,h5,h6 注 當設定為數值時,10...

CSS核心屬性

說明 語法備註 字型型別 字型123依次搜尋顯示,字型是中文或者帶空格時需加雙引號 文字大小 屬性為數值時必須加單位 文字顏色 字型加粗 bolder bold normal或者數值100 900 字型傾斜 引數為italic,oblique,normal,oblique幅度要大一些 水平對齊 ju...

CSS核心屬性 浮動屬性

float 定義網頁中其他文字如何環繞該元素 語法 說明 left 元素活動浮動在文字左面 right 元素浮動在右面 none 預設值,不浮動 特點 1.div塊元素失去 塊狀 換行顯示特徵,變為行內元素 2.緊貼上乙個浮動元素 同方向 或父級元素得邊框。如寬度不夠將換行顯示 3.佔據行內元素的空...