[HeadFrist-HTMLCSS學習筆記]第7、八章

[HeadFrist-HTMLCSS學習筆記]第七章CSS入門:加一點樣式

重點噻

  • 段落添加背景顏色 p{ background-color: red; }
  • 文本顏色 p{ color: ,maroon; } ,可是不改變連接的顏色
  • 段落增長邊界
p {
    background-color: red;<!--背景顏色紅色-->
    border: 1px solid gray;<!-增長邊框;1像素 灰色 實線--->
}
  • 對標題加樣式
h1,h2{
    font-family: sans-serif;<!--針對h1元素-->
    color:       gray;
}
  • 下劃線 border-bottom: 1px solid black;
  • CSS放入HTML中(方法一)
<head>
    <title>XXX</title>
    <style>
        增長CSS樣式
    </style>
</head>
  • CSS放入HTML中(方法二)
    • 建立XXX.css文件
    • 從主頁面連接到外部樣式表
    <head>
    <lnk type="text/css" reli="stylesheet" href="XX.css">
    注意沒有<style>

[HeadFrist-HTMLCSS學習筆記]第八章增長字體和顏色樣式:擴大你的詞彙量

咚咚咚

  • font-family屬性決定字體類型
body{ font-family: Verdana, Geneva, Arial, sans-serif;}
  • font-size屬性控制字體大小
body{ font-size: 14px; }
  • font-color屬性設置文本顏色
body{ font-color: silver; }
  • font-weight屬性影響字體粗細,lighter->normal->bold->bolder
body{ font-weight: bold; }
  • font-decoration屬性設置文本劃線
    • none
    • 下劃線underline
    • 上劃線overline
    • 刪除線line-through
    body{ font-decoration: silver; }
相關文章
相關標籤/搜索