基礎(chǔ)web前端主講教師傳智.神龍教主_第1頁
基礎(chǔ)web前端主講教師傳智.神龍教主_第2頁
基礎(chǔ)web前端主講教師傳智.神龍教主_第3頁
基礎(chǔ)web前端主講教師傳智.神龍教主_第4頁
基礎(chǔ)web前端主講教師傳智.神龍教主_第5頁
已閱讀5頁,還剩15頁未讀 繼續(xù)免費閱讀

付費下載

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

1、2、Id樣 class樣式 行內(nèi)(直接)樣式 內(nèi)嵌樣式 3、一個HTML語法:<class=’12’>124、5、權(quán)加:只有在多個樣式控制同一個元素的時候,權(quán)加才有意類類}p}<p><bid=’aa’>鋤禾日當(dāng)午 6、的顯示模下是inline-block顯示方式。7、8、9、浮動屬性10 綠 #001100 白 綠 #001100 白 灰 1010超出部分處理一:(隱藏超出的部分超出部分處理一:(隱藏超出的部分超出部分處理二:(出現(xiàn)垂直滾動條性。Zoom:1ie6haslayoutzoom:1ie6.1、2、3、30px第一種:以part4padding-第二種:以wenzimargin-4、5、將居中第法:part1的text-#content#content#center#part1} /*如果不是塊顯示,左自動右自動不居中<style<stylemargin-right:auto;/*邊界左自動,右自動是居中}#content#left{}#content#center{}#content}/*part1*/#content#center#part1{}#content#center#part1 }/*part2*/#content#center#part2{}/*part3*/#content#center#part3{}/*part4*/#content#center#part4{box-sizing:border-box;/*內(nèi)減模式,width:500px是整個盒子的寬度}#content#center#part4}<div<div<div <divid="part1"><imgsrc="images5/xihuzi2.gif" <divid="part2"><imgsrc="images5/5.jpg" <divid="part3"><imgsrc="images5/6.jpg" <div <div <palign="center"> 制企業(yè)。<br/> 練有素、經(jīng)驗豐富的導(dǎo)游隊伍,并且已做到人人持證上崗。<br/> 廣泛的了解旅游信息。<br/> 戶的監(jiān)督,不斷完善管理機(jī)制,全體員工積極進(jìn)取,開拓創(chuàng)新、奮發(fā)圖強(qiáng);公司連續(xù)獲得2003年度 2004年度《石浦首屆旅游消費誠信單位》等榮譽(yù)稱號。<br/> 公司與國內(nèi)眾多旅行社建立了良好的義務(wù)關(guān)系,在主要城市已形成了客房、餐飲、交通等完善的旅游服務(wù)網(wǎng)絡(luò),& ;西湖春天全體工作人員將以最合理的旅游線路,最實惠的價格,最細(xì)致的服務(wù),熱誠 的到來。 <div margin:10px50px; 第一個參數(shù)是上-下第二個參數(shù)是左-右margin:10pxauto50px;第一個是上,第二個是左右,第三個是下margin:10px20px30px40px; 同理:padding后面參數(shù)的順序是一樣的。<style<style } margin:50pxauto }#daohang border-right:#FC0solid1px;/*li的右邊框text-align:center;/*將字水平居中}#daohangli 的下劃線 }<li><ahref="#">公司首頁<li><ahref="#">產(chǎn)品介紹<li><ahref="#">用戶反饋<li><ahref="#">給我留言#daohangli#daohangli}<ul<li><a 們<li><a <style<style}margin:10px}}<li><imgsrc="images7/ba1.jpg"width="100"height="180"<li><imgsrc="images7/ba2.jpg"width="100"height="180"<li><imgsrc="images7/ba3.jpg"width="100"height="180"<li><imgsrc="images7/ba4.jpg"width="100"height="180"<li><imgsrc="images7/ba5.jpg"width="100"height="180"<li><imgsrc="images7/ba6.jpg"width="100"height="180"<li><imgsrc="images7/ba7.jpg"width="100"height="180"<li><imgsrc="images7/ba8.jpg"width="100"height="180"示性頁面用div+css,如圖顯示的是數(shù)據(jù),用table,還有,一般都用做一個圓角的,切片,拼Css<style<styletype="text/css">border:#000solid} border-radius:30px/*radius:}border-radius:10px }border-radius:20px50px0px;/*上-左右-下}border-radius:30px30px0px0px;/*上-右—下-左}border-radius:200px0px0px0px;/*扇型} } }}<div>border-radius:10px<div>border-radius:20px50px<div>border-radius:30px30px0px<div>border-radius:200px0px0px<imgsrc="images9/face.jpg"width="200"height="200"absoluterelative: 1、2、3、z-index<style<styletype="te

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論