css標籤的分類（按照其顯示型別進行）
block（塊級元素）
1 在不設定寬的時候 寬度等於父元素的寬度 ， 不設定高的時候 預設情況下 是0
2 可以設定寬高 和支援盒子模型的所有屬性
3 獨佔一行
inline（內聯元素）
1 寬高由內容進行決定的
2 不可以設定寬高 某些盒子的模型是不支援的
3 並不是獨佔一行 併排排列 存在間隙
inline-block
既有塊的特性也存在內聯的特性
浮動float：left float：right
浮動的特點：
1.浮動後的元素脫離了文件流不佔位置了
2.浮動後的元素類似於行內塊元素可以設定寬高
3 如果不設定寬高他的寬高是由內容撐開的
浮動場景
讓兄弟間的塊元素在一排展示
浮動條件
1必須有父元素
2 兄弟元素都要浮動
浮動產生的問題：高度塌陷
解決
1 在尾部新增乙個額外標籤 並且使用clear：both
2 在父元素上新增overflow：hidden 等操作進行bfc規範
3after偽元素
：：after
前端學習day03
今天學了個新東西，是根據螢幕寬度大小修改網頁顯示的內容。大概查了下用法，media 可以針對不同的螢幕尺寸設定不同的樣式，特別是如果你需要設定設計響應式的頁面，media 是非常有用的。當你重置瀏覽器大小的過程中，頁面也會根據瀏覽器的寬度和高度重新渲染頁面。這個有時有效，有時會失效，具體是看電腦解析...
前端學習Day01
alt shift 1 非小鍵盤 視窗分屏，恢復預設1屏 alt shift 2 左右分屏 2列 alt shift 3 左右分屏 3列 alt shift 4 左右分屏 4列 alt shift 5 等分4屏 alt shift 8 垂直分屏 2屏 alt shift 9 垂直分屏 3屏 ctrl...
前端學習Day4
一.css樣式表的權重 1.比喻 a.在公司 組長告訴你 本週加班7天。在公司 老闆告訴你 本週放假7天。有衝突b.在家 爺爺告訴你 抓緊娶媳婦 在家 爸爸告訴你 抓緊掙錢 有衝突c.老闆說 後天你休息 組長說 明天你工作 沒有衝突 2.樣式表的權重關係 a.內聯樣式表的權重最大。b.內部和外部樣式...