原创 HTML5學習_day05(1)--html浮動之文檔佈局
文檔佈局的4種方式： 1.流式佈局(自然佈局) 特點：沒有任何修飾(沒有定位float 定位 彈性)的佈局，也就是元素在排版過程中，元素從上到下，從左到右的流式排列，遇塊(塊級元素)換行等。
2020-06-24 20:35:35
原创 HTML5學習_day05(6)--html之佈局中使用浮動帶來的問題
問題1: 如果兩個相鄰兄弟塊級元素，給第一個元素float，那麼後面的未設置float的塊級元素就會無視這個浮動元素的存在，佔據浮動元素原有的空間，發生了佈局的重疊。 問題2.
2020-06-24 20:35:32
原创 HTML5學習_day05(5)--html之float元素的規則
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>浮動元素的細則</title> <style type="text/css"> div
2020-06-24 19:20:04
原创 HTML5學習_day05(7)--html之佈局中使用浮動帶來的問題
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>解決float帶來的佈局問題</title> <style type="text/css">
2020-06-24 19:20:03
原创 HTML5學習_day03(3)--a標籤僞類(四種狀態樣式變化)
標籤未被點擊過的效果 a:link{ color: red; } 定義標籤訪問後的效果(測試時無法還原link效果時 清理瀏覽器緩存) a:visited{ color:black; } 鼠標懸浮在標籤位置時效果 a:hover{ co
2020-06-24 19:20:03
原创 HTML5學習_day03(1)--塊級內斂標籤之img
img標籤 寫法：<img src="圖片路徑" alt="當圖片不能正常顯示時 纔會提示這句話" title="鼠標移動圖片時 顯示的說明" /> 當圖片設置寬或高一個值 另一個按比例放大或縮小 不讓圖片變形 一般來說只設置一個值。
2020-02-20 13:44:33
原创 文字和背景圖位置設置
標籤： 通常就div或者span 不過span可不換行 可橫向佈局 但不能設置寬高 所有要用display:inline-block;轉換格式就可設置高寬 設置背景圖片位置： background:url(圖片路徑) no-repeat
2020-02-20 13:44:33
原创 css+html寫下拉導航欄
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0
2020-02-20 13:44:33
原创 數個div橫向放方法
方法1.把div轉換成內斂標籤 display:inline-block; 弊端：每個div有左右都有間隔 方法2 把幾個div設置浮動 並且不會有間隔(但是要在父級元素清除浮動 例如:在父級屬性內 overflow:hidden;)
2020-02-20 13:44:33
原创 HTML5學習_day05(4)--html之float具體表現
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>浮動具體表現形式</title> <style type="text/css"> .class
2020-02-20 13:44:33
原创 HTML5學習_day06(1)--html之定位的定義
1.什麼是定位？ 把一個元素按照某一種方式放到某一個地方。 2.定位的語法 position屬性 值: absolute 絕對定位
2020-02-20 13:44:33
原创 HTML5學習_day06(2)--html之相對定位
相對定位就是相對於自己原來的位置 只是內容偏移了而已 並且原有佔用的空間依舊存在 不會被其他元素填充 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>相
2020-02-20 13:44:33
原创 a標籤去下劃線或文字添加下修飾
text-decoration:none; a標籤屬性屬性內設置上方屬性 即可去除下劃線 或者文字添加修飾也用這個屬性 值 描述 none 默認。定義標準的文本。 underline 定義文本下的一條線。 overline
2020-02-20 13:44:33
原创 HTML5學習_day05(2)--html文檔流和脫離文檔流
文檔流和非文檔流的定義： 1.什麼是文檔流？ 解釋：將窗體自上而下分成一行行，並在每一行中按從左到右的順序來排放元素，這個我們稱之爲文檔流。 2.什麼是脫離文檔流(非文檔
2020-02-20 13:44:33
原创 HTML5學習_day03(4)--html盒模型瞭解
盒模型： 每個html元素都可以看做成一個盒模型。 1.一個盒子的特點。（border，padding，內容區域） 2.盒子與盒子之前的關係（margin） 盒子的結構： 1.content（內容區域）：展示文字跟圖片的 2.paddi
2020-02-20 13:44:33