版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
網(wǎng)頁瀏覽器的排版引擎(RenderingEngine)也被稱為瀏覽器內(nèi)核、頁面渲染引擎或者是模板引擎。htmlcss文檔,然后將這個(gè)網(wǎng)頁的解析結(jié)果以png的格式呈現(xiàn)出來。編程語言:C/C++編譯器:VC/gccUTF-8windowsvista/7/832bit/64bit幾種環(huán)境中測(cè)試你的程序,在例如:Cairo。這里是它的官方文檔/目錄說明如下:Src文件夾放置源代碼及工程文件,Bin文件夾放置最后生成的可執(zhí)行文件,Doc文編碼的規(guī)范程度和代碼的設(shè)計(jì)結(jié)構(gòu),要求核心代碼都能給出注釋(很重要)HTML節(jié)點(diǎn)(15分css(15分css屬性優(yōu)先級(jí)情況(15分css屬性(20分畫圖(15分test2test3……h(huán)tmlhtml文件(index.html)css文件(可能有多個(gè)css文件)。css文件的命名將由html中的link標(biāo)簽(5.3)以外鏈的形式給出。web1.txt,web2.txt,web3.txt……pngweb1.png,web2.png,web3.png……解析結(jié)果和圖片都保存在SeedCup.exe的同級(jí)目錄下即可。css/cssref/css#id>.class#idelement(有空格)文檔流的規(guī)則是指,默認(rèn)的情況下(不作任何的CSS屬性設(shè)置的情況),網(wǎng)頁中元素的排列將遵性來控制。一個(gè)CSS盒模型如下圖:中間的content區(qū)域?yàn)橐粋€(gè)HTML元素實(shí)際的內(nèi)容顯示區(qū)域HTML的每個(gè)元素的CSS盒模型都將存在一個(gè)它的包含塊,可以理解為一個(gè)矩形,這個(gè)矩形的一個(gè)元素的包含塊的確定和它的position屬性(5.2.4)有關(guān):positionabsoluteposition不為staticCSSdisplay屬性:繼承性:否(是否繼承父元素的這個(gè)屬性的值取值:inlineblocknone(3個(gè)值之外的其他值不需要考慮)position屬性:staticstatic:元素按照默認(rèn)位置定位(top、bottom、left、right明npx:npx的寬度(高度的百分之a(chǎn)uto:寬度(高度)設(shè)置為auto之后,寬度(高度)的計(jì)算將較為復(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 相對(duì)于父元素寬度進(jìn)行計(jì)算,為父元素寬度的n%nem:取值:npx(此處保證n12的整數(shù))npx:設(shè)置字體大小為npxnpx(font-size;保證行高小于等于元素的最大此處保證大于等于line-height計(jì)算出來后,取(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共同算出;若存在英文單詞,請(qǐng)保證單詞的任何部分都在同一行,且其余部分需調(diào)整字間距以保證充滿一行(我們保證一個(gè)單詞的長(zhǎng)度不超過包含它的元素最大寬度)CSSwidth的時(shí)候,widthautomargin0當(dāng)元素的position為static或者relative,整個(gè)盒模型的水平屬性,從左到右依次為'margin-left'+'border-left'+'padding-left'+'width'+'padding-right'+'border-right'+'margin-right'=widthofcontainingblock。73autowidthmargin-left,margin-rightwidthwidthpaddingborder大于或者等于包含塊的寬度,那么對(duì)于設(shè)置為auto的margin-left或者margin-right被計(jì)算為0。2marginauto,width2margin會(huì)被設(shè)置為相等的widthauto,marginautoauto'left'+'margin-left'+'border-left-width'+'padding-left'+'width'+'padding-right'+'border-right-width'+'margin-right'+'right'=widthofcontainingblock5個(gè)屬性可以被設(shè)置為auto,left,margin-left,widthmargin-right,rightleft,right,width被設(shè)置為auto的時(shí)候,margin的值若為auto0。接下來left也將被計(jì)算為0,width則會(huì)被處在文檔流中的子元素?fù)伍_。當(dāng)margin-left,margin-right被設(shè)置為auto且根據(jù)方程式計(jì)算出來的margin不為負(fù)數(shù)的時(shí)候,margin-left與margin-right將相等;若計(jì)算出來為負(fù)數(shù),則設(shè)置margin-left為0,margin-right由方程式解出。5autorightauto如果給margin-left和margin-right都設(shè)置了auto,則在以下6種情況下,margin-leftLeftwidthauto,rightautowidth由處在文檔流中的子元素決定,然后計(jì)算出left的值。Leftrightauto,autoleft0決定,然后計(jì)算出right的值。Left被設(shè)置為autowidthrightautoleftRight被設(shè)置為autowidthleftautorightWidthauto,left,rightautowidth。計(jì)算行內(nèi)元素的height的時(shí)候,height若被設(shè)為定值則舍棄,由內(nèi)部元素?fù)伍_。height'top'+'margin-top'+'border-top-width'+'padding-top'+'height'+'padding-bottom'+'border-bottom-width'+'margin-bottom'+'bottom'=heightofcontainingblock5個(gè)屬性可以被設(shè)置為autotopmargin-topheightmargin-bottombottomtopheightbottomautotop0,height由處在文檔流中的子元素決定,bottom由公式計(jì)算得到。如果margin-topmargin-bottom被設(shè)置為autotopbottomheight為定值margin-margin-topmargin-bottomauto,top,bottom,height為定值,被設(shè)置為auto的margin將由方程式計(jì)算出來。5auto時(shí),bottomautomargin-topmargin-bottomauto6種情況下,margin-topTopheight被設(shè)置為auto,bottom為定值。此時(shí)height由處在文檔流中的子元素Topbottom被設(shè)置為autoheighttopHeightbottomauto,topheight由處在文檔流中的子元素Top被設(shè)置為auto,heightbottom為定值。TopHTML行內(nèi)元素有span,strong,em。見的塊級(jí)元素有:div,p,h,body(body節(jié)點(diǎn)只出現(xiàn)一次)。<head></head>(以下簡(jiǎn)稱head標(biāo)簽)head標(biāo)簽,內(nèi)部通過linkcss。displaynone(我們不會(huì)對(duì)此默認(rèn)屬性進(jìn)行修改<link/>(以下簡(jiǎn)稱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)元素。以下簡(jiǎn)稱strong標(biāo)簽的默認(rèn)css屬性為:em標(biāo)簽的其余默認(rèn)css屬性為:web.txtcss在此強(qiáng)制要求所有元素的width和height必須進(jìn)行精確計(jì)算,除了這兩個(gè)屬性外,設(shè)置無效的css屬性顯示為默認(rèn)值(比如給positionstatic的元素設(shè)置left)cssauto頁。在這個(gè)圖片里,把所有元素的border和內(nèi)部文字畫出來。,CSScssHTML頁面中,idid1id<divclass=”nameuserstudent”></div>div3classpx且存在小數(shù),請(qǐng)取整。例如: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)行精確計(jì)算,除了這兩個(gè)屬性外,設(shè)置無效的css屬性顯示為默認(rèn)值(比如給positionstatic的元素設(shè)置left)cssautoPNG1024*768(寬*高)的圖
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2024-2030年中國(guó)白酒批發(fā)行業(yè)市場(chǎng)發(fā)展分析及競(jìng)爭(zhēng)格局與投資前景研究報(bào)告
- 2024-2030年中國(guó)番茄汁行業(yè)市場(chǎng)發(fā)展分析及發(fā)展趨勢(shì)與投資研究報(bào)告
- 旅游度假村會(huì)員關(guān)系維護(hù)合同
- 2024-2030年中國(guó)電熱披薩鍋行業(yè)發(fā)展現(xiàn)狀與前景趨勢(shì)預(yù)測(cè)研究報(bào)告
- 2024-2030年中國(guó)電暖氣行業(yè)市場(chǎng)深度調(diào)研及發(fā)展策略研究報(bào)告
- 2024-2030年中國(guó)電聲器件行業(yè)市場(chǎng)發(fā)展態(tài)勢(shì)及發(fā)展趨勢(shì)與投資戰(zhàn)略研究報(bào)告
- 2024-2030年中國(guó)電動(dòng)手鉆行業(yè)市場(chǎng)發(fā)展趨勢(shì)與前景展望戰(zhàn)略研究報(bào)告
- 2024-2030年中國(guó)生鮮稱收銀系統(tǒng)市場(chǎng)發(fā)展?fàn)顩r與前景趨勢(shì)研究研究報(bào)告
- 2024-2030年中國(guó)甜橙萜行業(yè)經(jīng)營(yíng)效益與未來供需平衡預(yù)測(cè)研究報(bào)告
- 2024-2030年中國(guó)現(xiàn)制酸奶市場(chǎng)銷售規(guī)模分析與未來需求量預(yù)測(cè)研究報(bào)告
- 勞動(dòng)教育《蒸饅頭》課件
- CCNA考試試題含答案
- (完整版)人教版八年級(jí)英語上冊(cè)1-2單元測(cè)試題
- 全國(guó)優(yōu)質(zhì)課一等獎(jiǎng)初中化學(xué)九年級(jí)上冊(cè)《元素》精美課件
- 科研倫理與學(xué)術(shù)規(guī)范章節(jié)答案
- 職業(yè)生涯規(guī)劃職業(yè)決策
- 工作總結(jié)主持詞開場(chǎng)白和結(jié)束語
- 鉆探作業(yè)安全管理制度
- 護(hù)工培訓(xùn)之安全
- 垃圾食品辣條和香腸的制作過程
- 探索式測(cè)試介紹
評(píng)論
0/150
提交評(píng)論