如何設計網站樣式，CSS網站布局的思想
網站的布局就是兩部門（橫標的目的和縱標的目的） 若是是縱標的目的的就是正常的文檔流，設置內容器的寬度和高度，設置內容和邊框之間的距離 padding ,邊框往外的部門margin border調這些屬性就可以。
東西/原料
- 筆記本電腦或者臺式機電腦
- 電腦上要裝前端編纂器
方式/步調
- 1
一、行內元素和塊元素。行內元素：輸入完標簽之后，不是本身占一行,行內元素的寬度和高度是由內容來決議，寬度和高度width height 不克不及用 css樣式是display:inline;塊元素 ：輸入完標簽之后，本身獨有一行,可以設置寬度和高度，width和 height，Css樣式 display :block。
- 2
二、Overflow當內容溢出，若何顯示；Hidden：埋沒；Auto;若是盒子裝不下，就會呈現滾動條；Scroll,無論是否能裝下都有滾動條邊框。
- 3
三、外層元素的樣式，會被里面的元素所擔當，那些標簽可以擔當？如下：
- 4
四、優先級。單個選擇器的優先級：標簽選擇器 <類選擇器 < id選擇器 <行內樣式表。
- 5
五、復合選擇器優先級：寫的越切確，優先級越高。
- 6
六、斷根浮動。Div里面還有<div >(外面的div父盒子>)div父盒子沒有設置固心猿意馬高，里面設置了浮動，父元素受影響，無法正常的計較，若何讓父元素獲得一個天然高，在父盒子里面的最下方加<div>給該div設置斷根浮動的屬性clear:both。
- 7
七、Fixed 固心猿意馬定位。相對于瀏覽器窗口來進行的定位；若是不設置定位坐標，就在本來的位置；層級要被通俗標簽高；若是連系定位坐標，就是相對于方針位置的距離；設置固心猿意馬定位之后，必然是塊元素。
- 8
八、Relative相對定位。相對定位占空間；若是不連系定位坐標，就是在本來的位置；若是連系定位坐標，相對【自身】，作為參考點；層級要高于通俗的元素。
- 9
九、絕對定位。
- 10
十、讓我們本身脫手來做一下吧！！
注重事項
- 本身有的屬性，不標的目的外擔當，不會擔當祖先元素的屬性
- 盒子里面所有的值加到一路必然不克不及年夜于父盒子的內容區的寬度width 總的寬度=內容區的寬度width+border(擺布)+padding（擺布）+margin(擺布)
- 發表于 2018-05-06 00:00
- 閱讀 ( 904 )
- 分類：其他類型
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章