1、背景屬性複習：
background-image
background-color
background-repeat
background-position
background-attachment
2、新增屬性：
background-size:
background-size:x y; // 水平 垂直方向的尺寸，畫素/百分比/auto/⋯
background-size:cover; //保持寬高比不變，保證佔滿盒子，但不保證能看到全部
background-size:contain; //保持寬高比不變，保證看清全圖，但可能佔不滿盒子
多背景：
background-origin 背景區域定位
border-box： 從border區域開始顯示背景
padding-box： 從padding區域開始顯示背景
content-box： 從content內容區域開始顯示背景
background-clip 背景繪製區域
border-box： 從border區域開始繪製背景
padding-box： 從padding區域開始繪製背景
content-box： 從content內容區域開始顯示背景
3、背景練習**部分：
1、background-origin: border-box | padding-box | content-box
2、background-clip: border-box | padding-box | content-box
3、多背景:background: url('images/3.jpg') no-repeat center center/auto 200px, url('images/2.jpg') no-repeat center center/auto 300px, url('images/1.jpg') no-repeat center center/auto 400px;
注釋：復合寫background-size的時候，一定要用/與其他值隔開。
6、漸變：
線性漸變：linear-gradient(方位(left/left top/60deg),起始顏色 | 百分比30%，終止顏色);使用時加核心字首eg:-webkit-linear-gradient，ie9不支援
徑向漸變：radial-gradient(中心點位置,擴散程度，顏色域 | 百分比);由中心向四周發散，eg：-webkit-radial-gradient(50px 50px,起始顏色，終止顏色);-webkit-radial-gradient(center,起始顏色，終止顏色);
ie低版本相容：filter:progid:dximagetransform.microsoft.gradient(startcolorstr='#ffffff',endcolorstr='#ff0000',gradienttype='1');1表示從左到右，0是從上到下，並且顏色值只能是6位雜湊值
7、漸變練習**部分：
1、線性漸變：-webkit-linear-gradient(方位,顏色域 | 範圍百分比)
2、線性漸變-相容ie低版本：filter:progid:dximagetransform.microsoft.gradient(startcolorstr='6位雜湊值',endcolorstr='6位雜湊值',gradienttype='1／0');
3、徑向漸變：radial-gradient(中心點位置,擴散程度，顏色域 | 百分比);
html第三課css高階特性
標籤指定式選擇器又稱交集選擇器，由兩個選擇器構成，其中第乙個為標記選擇器，第二個為class選擇器或id選擇器，兩個選擇器之間沒有空格，如h3.special或p one。使用標記選擇器定義的樣式，僅僅適用於同時具有這個標記和這個類或id的 用來選擇元素或元素組的後代，把外層標記寫在前面，內層標記寫...
HTML5框架 背景和實體
html5框架 html5背景 html5實體 html框架 框架標籤 frame 框架對於頁面的設計有著很大的作用 框架集標籤 框架集標籤定義如何將視窗分割為框架 每乙個frameset定義一系列行或列 rows cols的值規定了每行或每列佔據螢幕的面積 常用標籤 noresize 固定框架大小...
後端碼農談前端（HTML篇）第三課 常見屬性
1 核心屬性 屬性描述 id設定元素的唯一 id。class 設定元素的乙個或多個類名 引用樣式表中的類 style 設定元素的行內樣式 css內聯樣式 title 設定有關元素的額外資訊 可在工具提示中顯示 2 語言屬性 屬性描述 lang 設定元素內容的語言 3 鍵盤屬性 屬性描述 access...