種子杯復(fù)賽2014seedcup qua2014亞馬遜_第1頁
種子杯復(fù)賽2014seedcup qua2014亞馬遜_第2頁
種子杯復(fù)賽2014seedcup qua2014亞馬遜_第3頁
種子杯復(fù)賽2014seedcup qua2014亞馬遜_第4頁
種子杯復(fù)賽2014seedcup qua2014亞馬遜_第5頁
已閱讀5頁，還剩6頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

網(wǎng)頁瀏覽器的排版引擎（RenderingEngine）也被稱為瀏覽器內(nèi)核、頁面渲染引擎或者是模板引擎。htmlcss文檔，然后將這個網(wǎng)頁的解析結(jié)果以png的格式呈現(xiàn)出來。編程語言：C/C++編譯器：VC/gccUTF-8windowsvista/7/832bit/64bit幾種環(huán)境中測試你的程序，在例如:Cairo。這里是它的官方文檔/目錄說明如下：Src文件夾放置源代碼及工程文件，Bin文件夾放置最后生成的可執(zhí)行文件，Doc文編碼的規(guī)范程度和代碼的設(shè)計結(jié)構(gòu)，要求核心代碼都能給出注釋(很重要)HTML節(jié)點(diǎn)(15分css(15分css屬性優(yōu)先級情況(15分css屬性(20分畫圖(15分test2test3……h(huán)tmlhtml文件(index.html)css文件(可能有多個css文件)。css文件的命名將由html中的link標(biāo)簽(5.3)以外鏈的形式給出。web1.txt,web2.txt,web3.txt……pngweb1.png,web2.png,web3.png……解析結(jié)果和圖片都保存在SeedCup.exe的同級目錄下即可。css/cssref/css#id>.class#idelement(有空格)文檔流的規(guī)則是指,默認(rèn)的情況下(不作任何的CSS屬性設(shè)置的情況),網(wǎng)頁中元素的排列將遵性來控制。一個CSS盒模型如下圖：中間的content區(qū)域?yàn)橐粋€HTML元素實(shí)際的內(nèi)容顯示區(qū)域HTML的每個元素的CSS盒模型都將存在一個它的包含塊，可以理解為一個矩形，這個矩形的一個元素的包含塊的確定和它的position屬性(5.2.4)有關(guān)：positionabsoluteposition不為staticCSSdisplay屬性：繼承性：否(是否繼承父元素的這個屬性的值取值：inlineblocknone(3個值之外的其他值不需要考慮)position屬性：staticstatic：元素按照默認(rèn)位置定位(top、bottom、left、right明npx：npx的寬度(高度的百分之a(chǎn)uto：寬度(高度)設(shè)置為auto之后，寬度(高度)的計算將較為復(fù)雜，將在后面(5.5)top，bottom屬性：取值：npx,n%,autonpx：定義了定位元素上(下)外邊距邊界與其包含塊左邊界之間的偏移為npxleft，right屬性：取值：npx,n%,autonpx：定義了定位元素左(右)外邊距邊界與其包含塊左邊界之間的偏移為npxpadding屬性(內(nèi)邊距默認(rèn)值：0000(上右下左npx：內(nèi)邊距為npx padding：10px15px15px10pxborder屬性(邊框默認(rèn)值：1px1px1px1px(黑色實(shí)線取值：npxborder：1px2px3px4pxmargin屬性(外邊距默認(rèn)值：000 相對于父元素寬度進(jìn)行計算，為父元素寬度的n%nem：取值：npx(此處保證n12的整數(shù))npx：設(shè)置字體大小為npxnpx(font-size；保證行高小于等于元素的最大此處保證大于等于line-height計算出來后，取(line-heightfont-size)/2的距離，分別填充到內(nèi)容區(qū)的上下部分((line-heightfont-size)又稱為行間距)spanfont-size:16pxline-height:20px;那么span內(nèi)容區(qū)高度應(yīng)該為20px，且文字上下居中(文字頂端離上端有(20-16)/2=2px取值：normalksen-et共同算出；若存在英文單詞，請保證單詞的任何部分都在同一行，且其余部分需調(diào)整字間距以保證充滿一行(我們保證一個單詞的長度不超過包含它的元素最大寬度)CSSwidth的時候，widthautomargin0當(dāng)元素的position為static或者relative，整個盒模型的水平屬性，從左到右依次為'margin-left'+'border-left'+'padding-left'+'width'+'padding-right'+'border-right'+'margin-right'=widthofcontainingblock。73autowidthmargin-left,margin-rightwidthwidthpaddingborder大于或者等于包含塊的寬度，那么對于設(shè)置為auto的margin-left或者margin-right被計算為0。2marginauto,width2margin會被設(shè)置為相等的widthauto,marginautoauto'left'+'margin-left'+'border-left-width'+'padding-left'+'width'+'padding-right'+'border-right-width'+'margin-right'+'right'=widthofcontainingblock5個屬性可以被設(shè)置為auto，left,margin-left,widthmargin-right,rightleft,right,width被設(shè)置為auto的時候，margin的值若為auto0。接下來left也將被計算為0,width則會被處在文檔流中的子元素?fù)伍_。當(dāng)margin-left,margin-right被設(shè)置為auto且根據(jù)方程式計算出來的margin不為負(fù)數(shù)的時候，margin-left與margin-right將相等；若計算出來為負(fù)數(shù)，則設(shè)置margin-left為0，margin-right由方程式解出。5autorightauto如果給margin-left和margin-right都設(shè)置了auto，則在以下6種情況下，margin-leftLeftwidthauto,rightautowidth由處在文檔流中的子元素決定，然后計算出left的值。Leftrightauto,autoleft0決定，然后計算出right的值。Left被設(shè)置為autowidthrightautoleftRight被設(shè)置為autowidthleftautorightWidthauto,left,rightautowidth。計算行內(nèi)元素的height的時候，height若被設(shè)為定值則舍棄，由內(nèi)部元素?fù)伍_。height'top'+'margin-top'+'border-top-width'+'padding-top'+'height'+'padding-bottom'+'border-bottom-width'+'margin-bottom'+'bottom'=heightofcontainingblock5個屬性可以被設(shè)置為autotopmargin-topheightmargin-bottombottomtopheightbottomautotop0，height由處在文檔流中的子元素決定，bottom由公式計算得到。如果margin-topmargin-bottom被設(shè)置為autotopbottomheight為定值margin-margin-topmargin-bottomauto,top,bottom,height為定值，被設(shè)置為auto的margin將由方程式計算出來。5auto時，bottomautomargin-topmargin-bottomauto6種情況下，margin-topTopheight被設(shè)置為auto，bottom為定值。此時height由處在文檔流中的子元素Topbottom被設(shè)置為autoheighttopHeightbottomauto，topheight由處在文檔流中的子元素Top被設(shè)置為auto，heightbottom為定值。TopHTML行內(nèi)元素有span,strong,em。見的塊級元素有:div,p,h,body(body節(jié)點(diǎn)只出現(xiàn)一次)。<head></head>(以下簡稱head標(biāo)簽)head標(biāo)簽,內(nèi)部通過linkcss。displaynone(我們不會對此默認(rèn)屬性進(jìn)行修改<link/>(以下簡稱linkhead標(biāo)簽中csshtml文件的位置，如：<linkbody標(biāo)簽其余默認(rèn)css屬性為:margin:8px8px8px8px;font-size:16px;p標(biāo)簽其余默認(rèn)css屬性為:margin1em01em0;(1em1font-h標(biāo)簽其余默認(rèn)css屬性為：:margin0.67em00.67em0;(0.67font-span標(biāo)簽是典型的行內(nèi)元素。以下簡稱strong標(biāo)簽的默認(rèn)css屬性為：em標(biāo)簽的其余默認(rèn)css屬性為:web.txtcss在此強(qiáng)制要求所有元素的width和height必須進(jìn)行精確計算，除了這兩個屬性外，設(shè)置無效的css屬性顯示為默認(rèn)值(比如給positionstatic的元素設(shè)置left)cssauto頁。在這個圖片里，把所有元素的border和內(nèi)部文字畫出來。,CSScssHTML頁面中，idid1id<divclass=”nameuserstudent”></div>div3classpx且存在小數(shù)，請取整。例如：width80.5pxwidth80px;CSS規(guī)范：種子 復(fù)賽試emdisplayinline,常用來做強(qiáng)調(diào)。em標(biāo)簽的其余默認(rèn)css屬性為:font-style:italic;(聲明字體為斜體web.txtcsstxt使用>(body開始)offsetLeftoffsetTop2在此強(qiáng)制要求所有元素的width和height必須進(jìn)行精確計算，除了這兩個屬性外，設(shè)置無效的css屬性顯示為默認(rèn)值(比如給positionstatic的元素設(shè)置left)cssautoPNG1024*768（寬*高）的圖

溫馨提示

  • 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

提交評論