一.css樣式表的權重
1.比喻：
a.在公司：組長告訴你：本週加班7天。
在公司：老闆告訴你：本週放假7天。
有衝突b.在家：爺爺告訴你：抓緊娶媳婦
在家：爸爸告訴你：抓緊掙錢
有衝突c.老闆說：後天你休息
組長說：明天你工作
沒有衝突
2.樣式表的權重關係：
a.內聯樣式表的權重最大。
b.內部和外部樣式的權重，和書寫的前後順序有關。（有衝突時，放在後面的會把放在前面的樣式覆蓋掉，沒有衝突時，覆蓋的只是相同屬性的樣式，不同屬性的樣式會繼續執行。）
3.關鍵字：
!important 當前宣告具有最高權重！直接加在屬性值後 。
語法： eg: background:red!important;
二.css的層疊性（樣式表權重體現）
答案：width:500px!important;
background:red;
height:400px;
border:10px solid yellow;
三.分析多個div的區分（每個版塊都要加注釋）
網頁布局：先做上下排版，再做左右排版， 從外往裡。
div網頁布局：先分析上下共幾個版塊，就建幾個div
四 .css選擇符：就是給標籤起名字
css語法： 選擇符
1：型別選擇符（標籤選擇符）
所有的html標籤可以直接當作選擇符進行應用。
div\p\em\i\b\strong…
特點：能選中當前結構裡面全部同名標籤。
應用：想統一某乙個標籤樣式的時候或者是清除某個標籤預設樣式的時候。
2：id選擇符：相當於人的身份證號
語法： 起名字： 《標籤 id=「名稱」>標籤》
用類名寫樣式 .名稱
特點: a:乙個元素可以有多個類名,類名可以重複出現
b:可以制定一類樣式.
4: 群組選擇符
語法:以逗號分隔的方式,把多個選擇器組成一組,給整組新增樣式.
選擇符1,選擇符2,選擇符3,選擇符4
eg : #box,.con,h3,#wrap
5: 包含選擇符(子代選擇器\後代選擇符) ( 通過父元素找子元素 )
語法: 父元素 子元素
6: 偽類選擇器:
a:link 未訪問的鏈結狀態
a:visited 已訪問的鏈結狀態
a:hover 滑鼠滑過鏈結狀態
a:active 滑鼠按下去時的狀態
7：萬用字元 *
* 選擇頁面中所有的元素！
*8.起名規範：
a.盡量小寫字母開頭。
b.陣列、字母、下劃線、連字元的組合。
c.不能使用關鍵字命名 （所有的標籤和屬性都屬於關鍵字）
d.命名盡量反應板塊內容、或者反應結構(語義化)。
e.可以是拼音，但是不能出現漢字和特殊字元。
9.起名方法：
a：駝峰式命名法： newsleft newsright
b: 連字元命名： news-left news-right news-center
c: 下劃線命名： news_left news_right news_center
寒假前端學習day4
前幾天van遊戲惹。果然停一天就會導致停好幾天。下次還玩勇者海王星和向日葵教會qwq。表單form action填的是乙個伺服器啥啥的 method有post和get之分。成單標籤 屬性type number txt password url email txt 輸入文字，如賬號之類 number ...
前端開發 Day4
本章介紹了 html 中較為常用的標籤的例項。您可能還沒接觸過這些例項，不過不用擔心，閱讀完本章您就能夠掌握它們了！html 標題 heading 是通過 你也可以通過實戰實驗來嘗試挑戰乙個 h2 標題的設定 html標題 實戰實驗 html 段落是通過標籤來定義的，p是英文paragraph段落的...
WEB前端學習 Day4（定位）
乙個元素，如何讓它擺在自己想要的位置。就需要弄透css的定位相關的屬性。首先，乙個元素預設是按照文件流進行布局的，比如說三個div，它缺省會占用三行，三個span，它預設占用一行，當這一行不夠時，也會換行。這就是預設的文件流，每個元素根據自己的特性進行布局。有時候需要擺脫文件流，就需要特殊處理。現在...