HTML入門學習day03筆記

2021-09-25 17:44:42 字數 1641 閱讀 7721

乙個簡單地表單

使用者名稱				

密碼真實姓名

email

出生日期

性別男

愛好籃球

足球

閱讀

位址江蘇山西

湖南甘肅省蘇州

南京鎮江

淮安 市

區/縣介紹

實現效果為:

層疊主要體現在:

多個樣式表修飾同乙個元素

他可以繼承

具有優先順序

樣式表為

在html中,css的運用主要有三種方式:

1.在元素中新增style屬性,style屬性值為css樣式規則

對於這種方式來說,它的樣式與結構與雜糅,該元素的內容,對於另乙個同名的元素則不起作用,而且不利於頁面的修改和維護,但這種方式簡單直接,優先順序高。

2.將樣式新增到head標籤中的style標籤裡,以下列**為例

hello css 

hello html

在head>style中,我們將元素放入,在文件中定義css樣式。這種方式適合於做一些小的效果 或者驗證 樣式無效的原因。

3.html文件本身不含有css樣式,而是動態引用外部的css檔案定義文件。如下圖:

圖中發現我們並沒有定義css屬性,我們將它所具有的css屬性放入乙個和html**是並列的css檔案中

這種方式符合行業規範。更利於網頁後期的修改和維護。

css的語法規則由選擇器及一條或多條宣告規則兩個主要的部分構成。樣式如下:

選擇器通常是需要改變樣式的html 元素(每條宣告由乙個屬性和乙個值組成。屬性是希望設定的樣式屬性。每個屬性有乙個值。屬性和值被冒號分開)。

舉例說明:

h1
**是將h1元素內的文字顏色定義為藍色,同時將字型大小設定為 28畫素。在這個例子中,h1 是選擇器,color 和 font-size 是屬性,blue 和 28px 是值。

最終實現為

附乙個html初學者的參考**:

html初學者教程

css 過渡 day03筆記

a.過渡只關係元素的初始狀態和結束狀態,沒有方法可以獲取元素在過渡中每一幀的狀態 b.元素在初次渲染還沒有結束的時候,是沒有辦法觸發過渡的 c.在絕大部分變換樣式的切換時,變換組合的個數或位置不一樣時,是沒有辦法觸發過渡的 1.過渡 transition property 指定過渡動畫的屬性 並不是...

大資料 day03筆記

1 執行資料的讀寫 響應的是客戶端 2 週期性向namenode做匯報 資料塊的資訊 校驗和 若datanode 10分鐘沒有向namenode做匯報,表示已丟失 已宕機 心跳週期 3秒 3 執行流水線的複製 一點一點複製 rpc 指的是 遠端過程呼叫。是集群中多個元件 多個模組進行資料通訊的一種方...

學習筆記day03

邏輯運算子 異或 符號兩邊結果相同,結果為false 符號兩邊結果不同,結果為true 面試題1,雙與 也叫短路運算,因為左側如果為假的話直接不判斷右側結果 與 c無論左邊結果運算是什麼,右邊都參與運算。2,雙或 和或 運算結果一樣,但是運算過程有點小區別。無論左邊運算結果是什麼,右邊都參與運算 當...