Getting started with CSS

前言

CSS 的 rule

作者做了一個(gè)非常形象的比喻，將 CSS 必做 renovate the house，在這里，CSS 包括了三個(gè)部分：

Selector:the location of the HTML element

Property:properties in that location

Style:like black, or 1px...

適配 style 的第二種方式：

第一種：在 HTML 中的 head 里面添加?<style>element
第二種：建立一個(gè) CSS file，這個(gè) CSS file 還有一個(gè)名字叫做 stylesheet,然后在 HTML 中用一個(gè)叫做<link>的 void element 去鏈接。

的參數(shù)

詳細(xì)介紹

• type 在 HTML5 是 optional 的了，可加也可以不加。
• rel 參數(shù)是用來表示 relationship between HTML file and the linked file,這里鏈接的是 HTML 的stylesheet,
• href 的參數(shù)的 value 為 relative path 或者 URL.

對(duì)每個(gè)element 添加不同的效果

通過 class 可以做到這一點(diǎn)，操作方法為兩個(gè)步驟：
1.In HTML,adding class attribute to and element,like:
<p class="greentea">
2.Creating a class selector:,;like this:
p.greentea

其他知識(shí)

• 當(dāng)兩個(gè) element 有相同的 presentation 的時(shí)候，可以用 h1,h2 這樣的方式。
• bordor-bottom 這個(gè) style 和 underline 是不同的，border-bottom很長。
• 當(dāng)存在兩個(gè)對(duì)于同一個(gè) element 的 style 的時(shí)候，選取 more specific 的那個(gè)，也就是說：如果有h1,就不選 body 樣式，如果有.classname 這樣的標(biāo)示，就不選 h1。
• 在 HTML 中，一個(gè) element 可以屬于多個(gè) class，比如可以是：<p class="blueberry greentea raspberry>,在應(yīng)用的時(shí)候，同樣是應(yīng)用 more specific 的那一個(gè)，當(dāng)同一等級(jí)的時(shí)候，會(huì)應(yīng)用 stylesheet 中的 last 的那個(gè)style。
• 有一個(gè) property ，比如說font，是具有inheritance 的特性的，但是有的就沒有，比如border，區(qū)分這一點(diǎn)可以用 common-sense，比如說：border 加在 body 上，不會(huì)加在每一個(gè) p 上。
• 選擇字體的時(shí)候用的 property 的名字叫 font-family，現(xiàn)在介紹了 serif 和 sans-serif.
• 可以在 CSS 里面添加注釋，格式為：/**/
• 在分析 heritance 的時(shí)候，就像是 child 遺傳 parent 的格式，如果 parent 被設(shè)置了更加具體的 style ，那么它的 children 就不會(huì) inherit 那個(gè)比 parent 還大的parent 的style.

轉(zhuǎn)載于:https://www.cnblogs.com/FBsharl/p/10039967.html

總結(jié)

以上是生活随笔為你收集整理的HTML第七章总结的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。