初學者css每日總結

海底燒烤店ai發表於2020-11-04
CSS

初學者CSS每日知識總結

  1. 文件標題居中：h1 {text-align:center;}
    示例
    在這裡插入圖片描述

  2. 背景影像：body {background-image:url('paper.gif');}
    示例在這裡插入圖片描述

  3. CSS 屬性定義背景效果:

background-color 顏色
background-image 影像（在頁面的水平或者垂直方向平鋪）
background-repeat 影像在頁面的水平或者垂直方向平鋪
background-attachment背景影像是否固定或者隨著頁面的其餘部分滾動
background-position改變影像位置

  1. 文字修飾
    text-decoration 屬性用來設定或刪除文字的裝飾
a {text-decoration:none;}

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}

上述效果依次為下圖所示
在這裡插入圖片描述

  1. CSS 連結
a:link {color:#000000;}      /* 未訪問連結*/
a:visited {color:#00FF00;}  /* 已訪問連結 */
a:hover {color:#FF00FF;}  /* 滑鼠移動到連結上 */
a:active {color:#0000FF;}  /* 滑鼠點選時 */

總結的程式碼都需放入區域1中
<head><style> 區域1 </style></head>

寫於2020.11.14

相關文章