基礎web前端-css主講教師傳智.神龍教主

1、CSS層疊樣 Cascadingstylesheet(層疊樣式表)，用來控制網頁樣式的，并允許將網頁2、CSS基本3、按選擇器不同來分類類選擇以點開通過元素的class屬性來可以被調用多Id選擇以#開通過元素的id屬性來只能被調用一直接對HTML也樣式，不需要調用，自動應用樣偽類選 正常連接時候的狀 已經過的狀 鼠標移上去時候的狀 但鼠標點擊時候的專關聯選擇器p .aa 4、按CSS的位置來分類內嵌樣式（內部樣式）：只能供本頁面使外部樣式：寫在頁面的外部，通過或導入的方法來外部樣連接的語法：<linkrel=’stylesheet’type=’text/css’href=’地址’導入的語法：@importurl(‘地址’); url是可以省略的，建議不要省連接和導入的連接只能在HTML頁面中引入CSS樣導入可以在HTMLCSS中引入CSS樣5、注HTML注 CSS注 子元素覆蓋和繼承父元素的1、id樣式 class樣式>樣2、行內樣式>內嵌樣式>外部idid樣式>class樣式 樣以程序執行先后為優先級，后執行的將前面的給覆蓋權id選擇器<行內選擇器 < < 1、從左往右排2、不指定高度默認高度是3、不指定寬度默認寬度是4、行顯示標記不能指定寬度和5、轉換成1、從上往2、如果不指定寬度默認寬度是3、如果不指定高度，高度是4、可以設置寬度和高1、塊顯示2、跨段塊標記，div中可以標題，段落，，文1、行顯示2、跨字符塊標記，span中只能放DivCss執行效率高什么是盒子只要是能存放內容的都是盒子。最大的盒子是HTML標邊界magin：盒子的外面叫邊界，邊界有四個，上下左右填充padding)邊框boder：盒子的本身有邊框，邊框有四個，上下左右練習CSS例題一(邊框和邊界<style<styletype="text/css">background-color:#6CF;/*設置背景色} border-bottom:#06Fdashed /*下邊框是實線solid實線dashed }cursor:pointer;/*當光標移動到當前標記的時候變成手的形狀}請輸入您的信息：<inputtype="textname="nameid="username<inputtype="buttonvalue="確定id="btnCSS例題二（細線表格<style<styletype="text/css">border:#09Fsolidborder-collapse:collapse;/*collapse:塌陷,做細線表格} }}text-align:center;/*td里面的內容居中} <style<styletype="text/css"> } /*左填充是110px*/}<div 1葉色秀雅，花色清淡。<br 2.樹體高大， 綿長，樹粗可達4米， 可達3000年之多。固長與古老寺廟相配伍，以名山大川、風景名勝為伴。<br/> 3樹干光潔，愈傷力強，輕微的損傷很快便可愈合。<br 得到和曖的陽光。<br 35.30c4.90c，優于其它樹種。<br .等自然風景。<br 7銀杏絕少病蟲害，不污染環境，是著名的無公害樹種。<br 8抗旱力較強。<br float屬性（浮動屬性改變塊元素(blockelement)對象的默認顯示方式浮動元素（float）會被移出標準流clear屬性（清除浮動的影響<style<styletype="text/css">}} }<div<div<div多學一招：clear是清除浮動，但是在清除浮動的時候清除了當前盒子邊界的屬性，使用了clear屬性的盒子無法使用margin屬性。在實際應用中，我們專門寫一個清除浮動的類樣式，在每個浮動的后面都清除一下浮動的影響在HTML中調用例題background-color:#5b8a00;/*背景樣式<stylebackground-color:#5b8a00;/*背景樣式 border:#000solid } 放在最右邊} }<imgsrc="images14/mainroad.jpg"/><spanid="first">春</span>季，地球的北半 對農民來說，春季