CSS之美化頁面

2022-08-09 18:33:18 字數 1574 閱讀 6903

標籤行內定義乙個區域  就是說一行可以被劃分多個小區域,從而實現某種特定效果。本身並不具備屬性。

和是相似的  在從css中 屬性行內元素    而屬於塊級元素

什麼是行內元素:  「標籤可以在一行內」。

什麼是塊級元素:「標籤自己獨佔一行」。

font-size      字型大小

font-family     字型型別  屬性值有:黑體,宋體,微軟雅黑,以及英文vaesea

可以把多個字型名稱作為乙個   回退系統來儲存,如果瀏覽器不支援第乙個,就回退到第二,第三個....

font-weight      字型粗細    例如:font-size:bold;加粗       bolder 強調加粗   可以用數字代表    400表示正常 。   

font-style      字型風格      normal   瀏覽器預設顯示乙個標準字型,  italic  傾斜字型      oblique  傾斜字型   

組合寫法:字型風格-->字型風格-->字型粗細-->字型大小-->字型型別

例如:font:oblique  bold  12px  "楷體";

text-align    文字對齊方式    屬性值:left    right    center     justify

text-indent       文字首行縮排           屬性值:2em,em 屬於單位

text-decoration  文字的裝飾       屬性值:underline   加下劃線      none  去除下劃線    overline  上劃線     line-through:刪除線     blink   文字閃爍  只有在firefox才行。

text-shadow  文字陰影       屬性值:5px  5px  5px  5px  gray;  分別是  橫座標  縱座標  模糊程度   模糊範圍  顏色

default  預設游標

pointer  超連結的指標

wait   程式正在忙

background-color     背景顏色

background-image     背景

background-repeat    背景重複方式      屬性值:repeat  沿水平和垂直兩方向平鋪     no-repeat   不平鋪     repeat-x    只沿水平平鋪     repeat-y    只沿垂直平鋪

background-position   背景定位             屬性值:x      y      水平和垂直         x:left    center     right         y:top      center    bottom 

list-style-type    屬性值:none;    取消標記,       disc  實心圓,     circle  空心圓 ,     square  實心正方形,   decimal   數字。

list-position    屬性值:inside    列表專案放置文字以內 ,且環繞文字根據標記對齊      outside    預設值    標記位於文字的左側, 列表專案放置放置在文字以外 ,且環繞文字不根據標記對齊。

CSS美化頁面

層疊樣式表 英文全稱 cascading style sheets 是一種用來表現 html 或 xml 等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。css優點 css注釋標籤 注釋內容 選擇器選擇網頁中的標籤,給標籤內的文字新增css...

CSS美化頁面布局

css美化頁面布局 1.概念 cascading style sheets 層疊樣式表 層疊 多個樣式可以作用在同乙個html的元素上,同時生效 2.好處 1.功能強大 2.將內容展示和樣式控制分離 降低耦合度。解耦 讓分工協作更容易 提高開發效率 3.css的使用 css與html結合方式 1.內...

CSS 頁面美化和布局控制

2.好處 層疊 多個樣式可以作用在同乙個html的元素上,同時生效1.功能強大 2.將內容展示和樣式控制分離 降低耦合度。解耦 讓分工協作更容易 提高開發效率1.內聯樣式 在標籤內使用style屬性指定css 如 hello css 2.內部樣式 在head標籤內,定義style標籤,style標籤...