查看完整版本: 我想了解一下 這個的意思? (目前在學CSS HTML PHP)

論壇 › 網頁設計交流 › 我想了解一下 這個的意思? (目前在學CSS HTML PHP)

ww22511 發表於 2017-3-6 11:29 PM

我想了解一下 這個的意思? (目前在學CSS HTML PHP)

本帖最後由 ww22511 於 2017-3-6 11:30 PM 編輯

我在 看一個都是英文的教學網站
他寫的範例: CSS的範例~

body {
    background-color: lightblue;
}
h1 {
    color: white;
    text-align: center;
}
p {
    font-family: verdana;
    font-size: 20px;
}


h1{} P{} 這是用來???
h1 =html的寫法?  p=php的寫法???


...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div><div></div>

chengpocheng 發表於 2017-3-7 08:34 AM

本帖最後由 chengpocheng 於 2017-3-7 08:36 AM 編輯

先簡單的回答你，不是!

CSS是控制HTML標籤裡面的樣式 (顏色、字型大小...等)
HTML是顯示網頁內容的介面，你上面的body, h1, p都是算HTML裡面的標籤
PHP是用來開發動態網頁的，例如存取資料庫

你上面給的範例Code跟PHP一點關聯都沒有喔，都是對HTML裡面的標籤設定樣式
body = 可視頁面內容區域
h1    =  HTML標題 (<h1>到<h6>六個標籤構成，字型由大到小遞減)
p      =  段落

你上面的CSS範例意思是
把body的背景顏色設為藍色
h1的顏色設為白色，並把文字置中
把p 的字型設為verdana，大小設為20px...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>

ww22511 發表於 2017-3-7 08:19 PM

本帖最後由 ww22511 於 2017-3-7 11:42 PM 編輯

謝謝 我懂了  h1{}  就是 用CSS  去把 HTML 寫的 <h1></h1> 美化

ptypty0108 發表於 2017-4-7 10:26 AM

CSS 是非常活用的，當中的範例是讓你入門，其實都只是名稱設定

body1 { background-color: #fff;}
body2 { background-color: #aaa;}
body3 { background-color: #bbb;}

全部都可以活用，只要自己邏輯看得懂，它非常的活