《Head first HTML與CSS 第二版》讀書筆記第七章 CSS入門

時間 2019-11-06

標籤 head html css 第二讀書筆記第七入門欄目 HTML 简体版

原文原文鏈接

CSS由規則組成，每一個規則爲選擇的HTML元素提供樣式。css

典型的規則包括一個選擇器以及一個或多個屬性和值。字體

選擇器指定規則將應用到哪些元素。spa

每一個屬性聲明以一個分號結束。code

規則中全部屬性和值都放在{ }之間。繼承

可使用元素名做爲選擇器，選擇任意元素。class

經過用逗號分隔元素名，能夠一次選擇多個元素。方法

只能對body中的元素添加樣式。im

要在HTML中包含一個樣式，能夠在<head>元素中添加<style>元素。樣式

推薦的方法是將CSS單獨寫在一個文件中，而後在HTML頁面中引入這個CSS文件：top

<link type="text/css" rel="sylesheet" href="......">

元素能夠從它的父元素集成樣式。

若是一個元素不想繼承父元素的樣式，可爲它單獨指定樣式來覆蓋集成。CSS總會使用最特定的規則。

不是全部的CSS屬性都能集成。通常，若是樣式影響到文本外觀，它們都能集成，若是字體顏色（color）、字體（font-famliy）、字體大小（font-size）、字體粗細（font-weight）和斜體（font-style）。其餘屬性不能集成，如邊框。

用/* */來包圍CSS註釋，能夠跨多行。

可使用class屬性將元素添加到一個類。

經過在元素名和類型之間加一個"."，能夠選擇該類中的一個特定元素。

使用「.classname」能夠選擇這個類的全部元素。

經過在class屬性中放入多個類名，能夠指定一個元素屬於多個類，類名之間用空格分隔。

元素應用樣式的規則：

若是有選擇器選擇到它，就使用選擇器設置的樣式；
若是沒有選擇器，就使用繼承額。查看父元素，父元素的父元素，以此類推；
都沒有就使用默認值。

若是有多個選擇器選擇到一個元素，則會比較哪一個選擇器更特定，以下狀況特定性由高到低：元素.類，.類，元素。

若是選幾個選擇器特定性相同，則會使用在CSS文件中最後出現的選擇器。

若是CSS裏有錯誤，一般這個錯誤如下的全部其餘規則都會被忽略。

jigsaw.w3.org/css-validator驗證CSS文件。

一些CSS屬性：

color 字體顏色；
font-family 指定字體；
border-bottom：控制元素下邊框的外觀；
left：指定元素左邊所在的位置；
line-height：設置一個文本元素中的行間距；
padding：設置內邊距（元素邊緣和它的內容之間的空間）；
background-image：在元素背景放置圖像；
font-style：設置斜體文本；
top：控制元素頂部位置；
text-align：文本左對齊、居中仍是右對齊；
letter-space：設置字符間距；
list-style：改變列表中列表項的外觀。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

《Head first HTML與CSS 第二版》讀書筆記 第七章 CSS入門

《Head first HTML與CSS 第二版》讀書筆記第七章 CSS入門