原创 設計表單樣式

參考書籍《HTML+CSS+JavaScript從入門到精通》 語法: 完整的表單結構: 表單框:<form>,屬性,action:設置數據提交至服務器的目標頁面,當屬性值爲#時表示爲當前頁面 enctype:定義發送表單數據HTTP字符

原创 設計表格樣式

學習書籍《HTML+CSS+JavaScript從入門到精通》 基本知識點: 表格標籤 <table><thead><tbody><tfoot>:語義化標籤,分表代表表格、表格頭部、表格主體、表格底部,不能直接在其中加文字 <tr><th

原创 設計列表樣式之實戰

Tab面板菜單 新知識點: overflow屬性定義當內容超出元素框時如何呈現,hidden:將超出元素框的內容隱藏,scroll:內容被修剪但是以滾動條方式呈現,visible:可見的,內容超出元素框,但是依然可見,auto:根據被修剪

原创 HTML/CSS刷題筆記1

題目來源:牛客網 1、IE9及以上支持box-radius以及box-shadow屬性,Chorme\Safari\Firefox支持所有邊框屬性 2、sessionStorage:創建一個本地存儲的數據對,數據名稱,數據值,臨時保存本窗

原创 CSS兼容

學習書籍《HTML+CSS+JS從入門到精通》 瀏覽器解析模式:標準模式,瀏覽器按照W3C標準解析執行代碼,怪異模式,瀏覽器按照自己的方式解析執行代碼,不同的瀏覽器解析執行的方式不一樣,DTD聲明定義了標準文檔的類型,標準模式解析,忽略了

原创 設計列表樣式

新知識點&易忘知識點&難點 1、padding:1px 1px 1px 1px;上右下左,順時針;padding:1px 1px 1px;上 右左 下;padding:1px 1px;上下 左右。 2、<ol><li></li></ol>

原创 設計文本樣式

設計文本樣式步驟 第一步:body{/*頁面基本屬性*/background:背景色;color:前景色(字體顏色);margin:頁邊距;font-size:字體大小;font-family:網頁字體默認類型;} 第二步:h1,h2,h

原创 定義超鏈接

知識點: 1、zoom:1;IE瀏覽器專屬屬性,表示重新定義整體網頁元素大小,1指與原來一樣,通常zoom:1;可以在IE6下清除浮動、解決margin導致的重疊等問題。 2、background:transparent;表示設置背景爲全

原创 設計圖像樣式2

知識點1:設計圓角欄目 1、利用XHTML+CSS,藉助某個指定元素(span/b/cite),把它看作一個/幾個/一行像素點,死很好用多個同樣的標籤,來堆疊形成圖案, 2、利用JS腳本描繪圓角區域 3、利用背景圖像:若圓角區域固定,則利

原创 設計圖像樣式

background屬性:color:yellow/#00ff00/rgb(0,0,0)使用的背景顏色;position:背景圖像的起始位置:值top、left、right、bottom排列組合,默認值center/x%(水平位置) y%

原创 6.8.2設計登錄表單

1、代碼:background:url(a.jpg) center -50px no-repeat  #c4c4c4; 作用:設置背景圖片,使其居中,偏上,禁止平鋪,設置背景圖像無法覆蓋的區域顯示淺灰色(#c4c4c4) 新知識點: re