目前分類：CSS (6)

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

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

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


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

  • 個人分類：CSS
▲top

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


static(靜態定位)：

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

(繼續閱讀...)

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

  • 個人分類：CSS
▲top

背景設定(background)

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

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

  • 個人分類：CSS
▲top

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

 

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

 


(繼續閱讀...)

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

  • 個人分類：CSS
▲top

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

如： <style>

h1{

color:red;

font-size:25px;

(繼續閱讀...)

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

  • 個人分類：CSS
▲top

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

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

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

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

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

(繼續閱讀...)

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

  • 個人分類：CSS
▲top