HTML與CSS學習筆記

2022-05-26 15:42:10 字數 661 閱讀 7223

---恢復內容開始---

計蒜客---恢復內容結束---

css部分

<

html

>

<

head

>

<

style

>

p p

p style

>

head

>

<

body

>

<

h1>老王的愛情

h1>

<

p id

="first"

>為什麼要那麼痛苦地忘記乙個人,時間自然會使你忘記。如果時間不可以讓你忘記不應該記住的人,我們失去的歲月又有甚麼意義?

p>

<

p id

="second"

>愛情如果不落到穿衣、吃飯、睡覺、數錢這些實實在在的生活中去,是不會長久的。<

span

>真正的愛情

span

>,就是不緊張,就是可以在他面前無所顧忌地打嗝、放屁、挖耳朵、流鼻涕;真正愛你的人,就是那個你可以不洗臉、不梳頭、不化妝見到的那個人。

p>

body

>

html

>

html與css學習筆記

定位之absolute和relative 一般設定了absolute或relative時,才設定right left left 50px 意思是左邊線距離定位盒子的左邊線50px 一般父盒子設定了position absolute display inline block float left ri...

HTML與CSS學習筆記 7

1 響應式布局 利用 查詢,即media queries,可以針對不同的 型別定義不同的樣式,從而實現響應式布局。常見選項 型別 and not min width max width 例如 media all and min width 500px and max width 700px 當解析度...

HTML與CSS學習筆記 3

1 float浮動 脫離文件流 沿著父容器靠左或者靠右進行排列 文件流文件流是文件可顯示物件在排列時所占用的位置 float特性 left right none float注意點 只會影響後面的元素,對於浮動元素之前的元素是不造成任何影響的 內容預設提公升半層,可實現 混排樣式 預設寬根據內容決定 ...