目前分類:CSS (6)

瀏覽方式: 標題列表 簡短摘要

透過設置display屬性,可以改變某個標記本來的元素類型,或把某個元素隱藏起來。

有三種屬性值:inline(行內)block(區塊)none(無)


chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

position屬性有四個屬性值可以設定,分別是static, relative, absolute, fixed


static(靜態定位)

為預設值,表示區塊保持在原本應該在的位置上,即該值沒有任何移動的效果。

chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

背景設定(background)

body
background :
色碼;                                         
   /*背景底色*/
background-image : url('
背景圖片網址');          /*背景圖片網址*/
background-repeat :
 repeat;                          /*背景圖片重複排列*/

chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

在CSS中,一個獨立的盒子模型由content(內容)border(邊框)padding(內邊距)margin(外邊距)四個部分組成。

 

倘若將盒子模型比作展覽館裡展出的一幅幅畫,那麼content就是畫面本身,padding就是畫面與畫框之間的留白,border就是畫框,margin就是畫與畫之間的距離。

 



chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

1.標記選擇器:用來宣告哪些標記採用那種CSS樣式。每一種HTML標記的名稱都可以作為對應的標記選擇器的名稱。

如: <style>

h1{

color:red;

font-size:25px;

chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

1.行內式:在標記的style屬性中設定CSS樣式。

2.嵌入式:將對面面中各種元素的設置集中寫在<head>和</head>之間。

3.連結式:使用HTML的標記引入外部CSS檔。

例: <link href="mystyle.css" rel="stylesheet" type ="text/css"/>

4.匯入式:使用CSS的規則引入外部CSS檔。

chenmike 發表在 痞客邦 PIXNET 留言(0) 人氣()

找更多相關文章與討論