前言
這是我學習了這個**整理的筆記,接下來還會持續更新。如果寫的不對的地方請告訴我,謝謝大家。這是我的部落格首頁:
部落格名:rodmachen
三.css syntax (css語法)
四.其他小知識
css允許您將特定樣式應用於特定html元素。1. 內聯式css的主要好處是它使您可以將樣式與內容分開。
僅使用html,所有樣式和格式都位於同一位置,隨著頁面的增長,維護變得相當困難。
所有格式都可以(並且應該)從html文件中刪除,並儲存在單獨的css檔案中。
將style屬性(style attribute
)新增到相關標籤(relevant tag
)。
列:
"color:white; background-color:gray;"
>
this is an example of inline styling.
<
/p>
2. 嵌入式
在html頁面head
的元素內定義
p <
/style>
<
/head>
3.外聯式(最有用)使用此方法,所有樣式規則都包含在單個文字檔案中,該檔案以列:.css
副檔名儲存。然後使用標記在html中引用此css檔案。
元素位於頭部內部。
html
"stylesheet" href=
"example.css"
>
<
/head>
css
p
相對路徑和絕對路徑均可用於定義css檔案的href
。在我們的示例中,路徑是相對的,因為css檔案與html檔案位於同一目錄中。
樣式規則包含三部分:選擇器(selector),屬性(property)和值(value)。宣告塊包含乙個或多個用分號分隔的宣告。 每個宣告都包含乙個屬性名稱和乙個值,並用冒號分隔。
1.type selectors(型別選擇器)
列:
p
css宣告始終以分號結尾,並且宣告組用花括號括起來。2.id and class selectors(id和class選擇器)id選擇器允許您設定具有id屬性的html元素的樣式,無論它們在文件中的位置如何。 列:
html
class選擇器:和"intro"
>
this paragraph is in the intro section.(此段落在簡介部分。)<
/p>
<
/div>
this paragraph is not in the intro section.(此段落不在簡介部分中)<
/p>css
#intro
id
主要區別在於,id
每頁只能應用一次,而class
可以根據需要在頁面上使用多次。html
css"first">this is a paragraph
(這是第乙個段落)
this is the second paragraph.(這是第二個段落)
"first"> this is not in the intro section(這不在簡介部分)
the second paragraph is not in the intro section.(第二段不在介紹部分)
.first
id用3.descendant selectors(後代選擇器)#
,class用.
這些選擇器用於選擇作為另乙個元素的後代的元素。選擇級別時,可以根據需要選擇任意多個深度。例如,僅在所得結果,僅影響選定的元素
後代選擇器匹配作為指定元素後代的所有元素。
「intro」
部分的第一段中定位元素:
html
css"intro">
"first">this is a paragraph.
1.comments(注釋)#intro .first em
2.cascade(級聯)/* comment goes here(注釋此處) */
css指定的樣式是級聯樣式表的縮寫。頁面作者建立的樣式表瀏覽器的預設樣式
使用者使用樣式
3.inheritance(繼承)
指屬性在頁面中流動的方式。除非另有定義,否則子元素通常將具有父元素的特徵。注:this is a text inside the paragraph. (這是段落內的文字。)
由於段落標籤(子元素)在body標籤(父元素)內部,因此採用了分配給body標籤的任何樣式。測試的一些基本概念知識(TCP )
ack tcp協議規定,只有ack 1時有效,也規定連線建立後所有傳送的報文的ack必須為1。syn synchronization 在連線建立時用來同步序號。當syn 1而ack 0時,表明這是乙個連線請求報文。對方若同意建立連線,則應在響應報文中使syn 1和ack 1.因此,syn置1就表示這...
每天乙個小知識點學習之for迴圈的巢狀使用
1.後端夥伴傳過來的資料格式為 id null id null success true,params null 這樣的格式,我需要呼叫介面獲取資料並將它渲染到html模板裡,下面是我的實現方式 html部分 class progress title parent data name0 一級標題1s...
CSS的一點筆記 選擇器 基本概念
本文所有例子均摘自 www.w3school.org css是為了能夠防止對html元素進行重複定義。比如說,我們希望所有的標題都是黑色粗體,那麼只需要統一定義 黑色粗體 的型別叫做a,然後指定所有的標題的 型別 都是a,就達到了目的。這樣 量較小。同時也可以統一進行修改。有以下幾種情況可能會導致重...