如果寫成簡寫：background：#455678 url（ ） no-reapeat scroll 0 0 / cover padding-box; background-size需要在background-position後面，並且必須要用"/" 分割；
background-origin屬性必須要在background-clip屬性之前，如果後面只有乙個值，則代表的是background-origin的屬性值，而backgroun-clip則用預設值代替；
background-origin的預設值是padding-box（內邊距），此屬性將影響到background-position屬性（預設從origin內邊距左上角開始定位）；如果背景不是no-repeat的話，這個屬性是無效的。它會從border-box區域開始顯示，這一點很重要！！！background-clip（裁剪/隱藏）的預設屬性是border-box（背景）；既：從邊框---內邊距---內容區域都顯示；如果設定的值是content-box的時候，則代表只有內容區域的背景顯示，替他部分（padding，border）背景（或者顏色）隱藏/裁剪；
background-color是從元素的邊框左上角起到右下角止(雖然有時候會被邊框顏色覆蓋)，而background-image卻不一樣，他是從padding邊緣的左上角起（預設，有origin預設決定）而到border的右下角邊緣止；
注意：這裡的視口和固定定位fixed一樣，視口（viewport）就是前可見的計算機圖形區域；相對於桌面桌布背景；
特別注意：
top 20px；諸如這樣的寫法是錯誤的（因為兩個值得話，第乙個必須是x座標）；而20px top 以及 right 20px 則正確寫法；
如果用的值是百分比（%）表示的話，那麼，這個%（百分比）是相對於誰？ 如：30% 50%；
百分比設定的主要優勢在於，當頁面縮放的時候，背景也會跟著一起縮放；
關鍵字屬性值：
無論是cover還是contain，都是等比放大/縮小；（相當於ps中的ctal+t；）
數值屬性值：
box-shadow: offset-x（水平偏移） offset-y（垂直偏移） blur（陰影模糊半徑） spread（陰影擴充套件半徑） color（顏色） position（位置/內**影）;給出兩個、三個或四個數字值的情況。
如果只給出兩個值, 這兩個值將被瀏覽器解釋為x軸上的偏移量 和y軸上的偏移量 。
如果給出了第三個值, 這第三個值將被解釋為模糊半徑的大小 。
如果給出了第四個值, 這第四個值將被解釋為擴充套件半徑的大小 。
可選， 插頁(陰影向內) inset。
可選， 顏色值 。
根據offset-x、offset-y的值，對矩形進行偏移；
根據blur對矩形進行模糊處理；以矩形（陰影）邊界為分割，向兩端計算起始（各為blur值得一半），做模糊漸變；矩形裡面（從距離邊界blur值得一半開始）的陰影最重，矩形外模糊擴充套件的尺寸陰影逐漸變淡，矩形外模糊大小基本為blur值得一半；
根據spread對矩形進行縮放（擴充套件/縮小）；
把投影（矩形）和元素疊加的部分切除掉，完成了投影的過程；
參考： （linear-gradient）
css 輪廓 陰影 圓角
outline 用來設定元素的輪廓線，用法和border一模一樣 輪廓和邊框不同的點，就是輪廓不會影響到可見框的大小 doctype html en utf 8 viewport content width device width,initial scale 1.0 輪廓和圓角 title box...
css3 透明度 陰影，圓角,邊框背景
先了解一下目前的幾種現代瀏覽器的核心，主流內容主要有 mozilla gecko 熟悉的有firefox，flock等瀏覽器 moz webkit 熟悉的有safari chrome等瀏覽器 webkit opera presto opera瀏覽器 o trident ie瀏覽器 ms 透明度 cs...
css圓角邊框及陰影
css3可以簡單理解成是css的增強版，它的優點在於不僅有利於開發與維護，還能提高 的效能。圓角在實際開放過程中，還是蠻常見的。以前基本是通過背景做的，有了css3後可以使用簡單的屬性搞定，可以通過border radius設定元素的圓角半徑。1 圓角邊框語法 圓角邊框屬性 border radiu...