CSS 學習心得 -- 20210511

網頁組成要素：

CSS的語法結構：

組成要素｛屬性：設定值｝

CSS的註解：

/*    註解文字     */

框的構造：

CSS的padding的四個邊寫法：

padding-top (上方的內距)

padding-left (左方的內距)

padding-bottom (下方的內距)

padding-right (右方的內距)

回上一頁 history.back( ) 無反應 -- 20191022

緣由：

因為採用Dreamweaver內建的影像地圖功能，故main和sub網頁透過影像地圖跳至content網頁，但返回時按下「回上頁」鈕卻無反應。

「回上頁」鈕，其原本程式碼寫法，如下：

 <input type="button" onclick="javascript:history.back()" value="回上頁"  />     已無效!!!

 採用history.back( )方式，結果在執行時，出現錯誤訊息，感覺按鈕都沒有反應，個人覺得沒辦法瀏覽到上一頁的紀錄，後來在網路上查詢(參考網址)到可以解決的方式，如下：

修改後的程式碼，如下：

<input name="送出" type="submit" id="submit" onclick="javascript:location.href='../sub.html'" value="回上一頁"  />

  <input name="送出" type="submit" onclick="self.location.href='../main.html'" value="回首頁"  /



結論：

兼差打雜的硬體維修工程師(身兼環管人員)，現在都多了幾個身分....程式開發員以及美工人員，學無止境可真是現在的寫照。唯有學習才可往前，一個人能有多少能耐，憑藉的他後天的努力。加油~ 多學一些，就會變強多些。

CSS - Background 心得 -- 20151207

Background性質有以下幾個：

• background-color
• background-image
• background-repeat
• background-attachment  (少用)
• background-position

---

用法：background-color：屬性；

舉例：

<style>

h1 {

    background-color: Red;

}

p {

    background-color: #ff0000;

}

div {

    background-color: rgb(255,0,0);

}

</style>

※以上顏色的表示方法有三種。

---

用法：background-image：url("圖片路徑")；
      
           搭配  background-repeat：屬性； 或   background-position：屬性； 

※background-repeat的屬性有三個：

• no-repeat(不重複)
• repeat-x(水平重複)
• repeat-y(垂直重複)

舉例：

<style>

body{

    background-image:url("xxx.jpg");
    background-repeat:repeat-x;
    background-position:top right;

}

</style>

---

合併用法：background：顏色屬性  url("圖片路徑") 位置屬性 .....；

舉例：

<style>
body{

background：red url("xxx.jpg") no-repeat top right；
}
</style>