20190122，再次使用之前的發現不行，總是提示invalid property value。後來發現是空格的問題，複製後background這一行每乙個空格都要重新敲一遍，包括前面的四個空格！！！
html,body/*body的高度和寬度為螢幕大小*
body
body
background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.3)
background:url(./image/user.png) no-repeat right 10px center;
#bottom_div#pdsaomapacklist
第一種，要寫死高度和寬度
width: 800px;height: 454px;
position: absolute;
/*父容器的position要為relative
*/left: 50%;
top: 50%;
margin-left: -400px;
/*為div的width的一半
*/margin-top: -227px;
/*為div的height的一半
*/
第二種，不需要高度和寬度，但是不相容ie7一下
position:absolute;left:0;
top:0;
right:0;
bottom:0;
margin:auto;
第三種，用css3的transform和position配合
.parent.child
margin: 0 auto;/*水平居中
*/position: relative;
top: 50%;
/*向下偏移父容器的50%
*/transform: translatey(-50%);
/*向上偏移自身的50%
*/
.parent.inner-right
【absolute：絕對定位】
預設參照瀏覽器左上角，配合top、right、bottom、left（以下簡稱trbl）進行定位，具有以下屬性：
（1）無trbl的情況下，參照父級左上角；無父級，參照瀏覽器左上角；無父級元素，但存在文字，參照最後最後乙個文字的右上角為原點但是不斷開文字，覆蓋與上方。
（2）如果設定trbl，並且父級沒有position屬性（不論是absolute還是relative），都是預設以瀏覽器左上角開始定位，位置由trbl決定。
（3）如果設定trbl，並且父級有position屬性（不論是absolute還是relative），預設以父級左上角為原點開始定位，位置由trbl決定。
以上三點我們就可以總結出：若想使用absolute進行定位，那我們就要明確兩點：
第一：設定trbl
第二：父級設定position屬性
【relative：相對定位】
預設參照父級原始點為原始點；如果無父級，以文字的上乙個元素的底部為原始點，配合trbl進行定位；當父級內有padding屬性時，參照父級內容區的原始點進行定位。
（1）不存在trbl，參照父級左上角；沒有父級，參照瀏覽器左上角；沒有父級元素，但是存在文字，則以文字的底部為原始點進行定位並將文字斷開。
（2）設定trbl，並且父級沒有設定position屬性，以父級左上角為原點進行定位
（3）設定trbl，並且父級設定position屬性，以父級左上角為原點進行定位，但是如果父級有padding屬性，那麼以內容區域的左上角為原點進行定位。
綜上所述，relative均以父級左上角進行定位，但是受padding的影響。
元素選擇器、類選擇器、id選擇器、
選擇器分組：,分割
屬性選擇器：
組合選擇器：元素.類選擇器
後代選擇器：空格
子元素選擇器：>
相鄰兄弟選擇器：+
css 常用樣式
css 說的通俗一點就是 給標籤加樣式的。什麼玩意是樣式呢。你們可以理解為人穿的衣服，化妝之類的修飾，讓自己的寫的標籤變的好看一點 那麼這個css 怎麼加到對應的標籤上面去呢 有3種方法 分別是 外部樣式 內頁樣式 行內樣式。那麼這個css 怎麼加到對應的標籤上面去呢 有3種方法 分別是 外部樣式 ...
css常用樣式
格式調整 標籤的位置調整 text align center 絕對元素生成 position absolute margin right 微調上下左右 浮動 float 上下左右 width 寬 height 高 樣式調整 字型粗細 font weight size 字型格式 text decora...
CSS常用樣式
img box imgparentelement childelementfilter alpha opacity 60 filter progid dximagetransform.microsoft.gradient startcolorstr red,endcolorstr blue,grad...