『壹』 web前端入門到實戰：css讓一個盒子的高度自適應屏幕剩餘的部分
項目中，移動端要雹顫自適應，由於有時候數譽肆緩據不夠，所以導致了有的區域空白
要求：沒有數據的時候能夠充滿屏幕，數據超出屏幕就出現滾動條
做法
1-讓容器高度充滿這個屏幕
在容器內容很少的情況下，要想讓這個慶模容器充滿整個屏幕：
`.container{
}`
2-讓容器高度充滿剩餘屏幕高度
要讓容器充滿屏幕的剩餘高度，用 vh 結合 flex 布局就可以實現。
`.content{
}
.header{
}
.content{
}
.footer{
}`
『貳』 web前端，設置的盒子高度和顯示的不一樣，我設置的確定高度，但是盒模型上顯示的差了0.幾
height: 100px;
zoom: 1;
box-sizing: unset;
border: 0 none;
outline: 0;
overflow: hidden;
加上這幾個屬性試試；
『叄』 web前端問題，關於盒子模型，謝謝
這個是一個標准 可以不加的
下面的dtd文件是一個用來描述文檔格式的文件
也就是說 如果你加了那一句
瀏覽器就會根據dtd裡面規定的格式進行解析
dtd規定了你html的格式
『肆』 web前端--網頁布局（盒子模式、彈性盒子、網格）
布局的傳統解決方案，基於[盒狀模型]，於那些特殊布局非常不方便。
Flex 是 Flexible Box 的縮寫，意為"彈性布局"，用來為盒狀模型提供最大的靈活性。
2009年誕生的這個屬性可以說是不亞於 css界一場蒸汽機誕生一樣的工業革命，它的誕生標志著馬車一樣的 float被徹底拋進歷史的垃圾堆。
通過display：flex 將對象設置為彈性盒子，以下屬性必須熟記於心。
採用 Flex 布局的元素，稱為 Flex 容器（flex container），簡稱"容器"。
它的所有子元素自動成為容器成員，稱為 Flex 項目（flex item），簡稱"項目"。
容器默認存在兩根軸：水平的主軸（main axis）和垂直的交叉軸（cross axis）。主軸的開始位置（與邊框的交叉點）叫做main start，結束位置叫做main end；交叉軸的開始位置叫做cross start，結束位置叫做cross end。
項目默認沿主軸排列。單個項目占據的主軸空間叫做main size，占據的交叉軸空間叫做cross size。
容器屬性：
flex-direction（決定主軸的方向）
flex-wrap（決定是否換行）
flex-flow（ <flex-direction> || <flex-wrap>;）
justify-content（主軸方向對齊方式）
align-items（交叉軸方向對齊方式）
align-content（多軸情況下沿交叉軸對齊方式）
項目屬性：
order：數值越小，排列越靠前，默認為0。
flex-grow:項目的放大比例，默認為0
flex-shrink:項目的縮小比例，默認為1
flex-basis:項目占據主軸的大小
flex：flex-grow, flex-shrink 和 flex-basis的簡寫，默認值為0 1 auto
兩個快捷值：auto (1 1 auto) 和 none (0 0 auto)
align-self：單個項目有與其他項目不一樣的對齊方式
flex-box無疑是布局上面的神器
網格布局同樣是布局方面的神器，目前不太常用。
display:grid; 設置網格
必須使用 display: grid 將容器元素定義為一個 grid(網格) 布局，使用 grid-template-columns 和 grid-template-rows 設置 列 和 行 的尺寸大小，然後通過 grid-column 和 grid-row 將其子元素放入這個 grid(網格) 中
網格屬性：
display：grid| subgrid
grid-template-columns：設置列
grid-template-rows：設置行
grid-template-areas：設置區域
grid-template：none | subgrid | <grid-template-rows> / <grid-template-columns>;前面三個屬性合體
grid-column-gap：設置列間距
grid-row-gap：設置行間距
grid-gap：<grid-row-gap> <grid-column-gap>;前兩個屬性合體
justify-items：start | end | center | stretch;設置項目水平方向對齊方式
align-items：start | end | center | stretch;設置項目垂直方向對齊方式
justify-content：start | end | center | stretch | space-around | space-between | space-evenly; 設置網格水平對齊方式
align-content： start | end | center | stretch | space-around | space-between | space-evenly; 設置網格垂直對齊方式
grid-auto-columns：自動補齊列
grid-auto-rows：自動補齊行
grid-auto-flow：row | column | row dense | column dense
grid
網各項屬性：
grid-column-start
grid-column-end
grid-row-start
grid-row-end
grid-column：項目放置列
grid-row：項目放置行
grid-area
justify-self
align-self
『伍』 web前端開發需要掌握哪些知識
1.學習html。
這是最簡單最基本的。掌握div、formtable、ulli、p、span、font等標簽是最常用的，尤其是div和table，div用於布局，table也可以用於布局，但不靈活，基本table用於處理數據。
2.學習css。
這里的css不包括css3。一般我們可以看到，在web前端開發工程師的要求中，有一個會使用css+html或css+div進行界面布局，所以css是用來輔助html進行布局和顯示的。css要熟練掌握float、position、width、height、最大最小，會使用100%、overflow、margin、pading等。
3.學習js。
其實js入門很簡單，不需要知道很多事情。只要你會根據某個id或者name獲得網頁dom或者樣式或者值，你就會給某個id或者name的元素標簽賦值，或者添加數據，追html。
4.學習jquery。
jquery相當於將js封裝成一套js插件，目的是操作起來更方便，代碼寫得更少，jquery入門也很簡單，那些入門需要學習的和js一樣，只是用jq代碼代碼代替。
5. 最好點擊後台語言，如java和php。
為什麼？因為我們前台界面的數據來自後台，如果我們能點擊後台代碼，我們就知道如何與後台交互數據是最好的，這樣可以節省時間，使前端代碼更加標准化。
6.學習css3+html5。
『陸』 web前端滑鼠放在div標簽製成的盒子上如何實現圖片一秒內由正方形變為圓形在變
原本不是圓形圖片，通過CSS樣式布局實現成圓形圖片，首先圖片必須為正方形
1、HTML源代碼完整代碼：
復制代碼代碼如下:
圖片圓形布局 在線演示 DIVCSS5。
2、對應CSS代碼：
復制代碼代碼如下:
#divcss5{ margin:10px auto}。
#divcss5 img{ border-radius:50%}。
命名盒子「id=divcss5」盒子居中，同時上下外間距為10px;，然後設置對象盒子里img圖片圓角50%。