《Head first HTML與CSS 第二版》讀書筆記 第一章 瞭解HTML

一、關於HTMLcss

HTML是超文本標記語言(HyperText Markup Language)的縮寫,用來創建網頁的結構。web

它只會根據標記來肯定在哪裏換行或者分段。因此瀏覽器會忽略HTML文檔中的製表符、回車和空格。瀏覽器

共有六級標題,從<h1>到<h6>,字體由大到小。字體

HTML註釋放在<!--和-->之間,瀏覽器會把它們徹底忽略,能夠有多行。文檔

<em>元素表示強調。方法

<head>的HTML頁面的頭部,它包含了web頁面的相關信息。樣式

二、關於CSSmargin

CSS是層疊樣式表(cascading style sheets)的縮寫。它提供了一種方法來告訴瀏覽器頁面中的元素如何顯示。註釋

想要增長樣式,要在頁面中增長<style>元素。它放在HTML的首部裏。語言

它有一個可選的屬性type,告訴瀏覽器在使用什麼類型的樣式。使用CSS,對應的類型是"text/css"。

使用<style>時能夠不指定type屬性,瀏覽器默認識別樣式爲CSS(彷佛也沒有別的樣式)。

例子中用到的一些CSS屬性:

  • margin-left/margin-right: 20%; 設置左右外邊距分別呢佔頁面的20%;
  • border: 2px dotted black; 定義頁面主題周圍的邊距是虛線,顏色爲黑色;
  • padding: 10px 10px 10px 10px; 在頁面主體周圍建立一些內邊距;
  • font-family: sans-serif; 定義文本使用的字體。

CSS中的body表示其後{ }中的CSS應用於<body>元素中的內容。

相關文章
相關標籤/搜索