html 5 css 3實(shí)訓(xùn)報(bào)告,html5和css3知識(shí)總結(jié)

1、html 5 css 3實(shí)訓(xùn)報(bào)告,html5和css3知識(shí)總結(jié)1. 首先要分離建立html,img和css3的文件夾。2. html和css3的首頁放在文件夾外面。還可以建立一個(gè)公共css，比如導(dǎo)航和頁腳可以放在公共css里面，在每個(gè)頁面加上公共css超鏈接就可以了。削減代碼的編寫。3. 文件夾的名稱要寫成英文形式。也不要寫成漢語拼音，html識(shí)別不出來漢字。4.class與id的區(qū)分：（1）、在css文件里書寫時(shí)，id加前綴""；class用"."（2）、id一個(gè)頁面只可以用法一次；class可以多次引用。 （3）、id是一個(gè)標(biāo)簽，用于區(qū)別不同的結(jié)構(gòu)和

2、內(nèi)容，就象名字，假如一個(gè)屋子有2個(gè)人同名，就會(huì)浮現(xiàn)混淆；class是一個(gè)樣式，可以套在任何結(jié)構(gòu)和內(nèi)容上，就象一件衣服；（4）、從概念上說就是不一樣的：id是先找到結(jié)構(gòu)/內(nèi)容，再給它定義樣式；class是先定義好一種樣式，再套給多個(gè)結(jié)構(gòu)/內(nèi)容。（5）目前的掃瞄器還都允許用多個(gè)相同id，普通狀況下也能正常顯示，不過當(dāng)你需要用javascript通過id來控制div時(shí)就會(huì)浮現(xiàn)錯(cuò)誤。5.html中一些頻繁的特別符號(hào)需要記?。嚎崭?; bottom,leftright一?？隙ǘㄎ凰窍鄬Σ皇莝tatic最近一級父元素來舉行定位的，被定位元素會(huì)脫離文檔流，然后我們可以通過left,right,top,bo

3、ttom來調(diào)節(jié)元素的位置 特點(diǎn)： 1.徹低脫離文檔流， 2.提升層級等級， 3.針對父級定位，假如父級沒有定位，那就找父級上一級定位，假如父級上一級沒有定位，終于以docment舉行定位， 4.肯定定位普通協(xié)作相對定位用法，相對定位是父級，肯定定位是子級， 5.支持全部css樣式， 6.提升定位元素層級的指令 z-index數(shù)字越大，越向上顯示， 7.假如肯定定位的子集有浮動(dòng)，可以不做清除浮動(dòng)操作。二。相對定位也就是相對于自己在文檔流中的位置舉行定位。特點(diǎn)：1.不脫離文檔流，原有空間位置被保留，2.針對自己本身位置舉行定位，3.不影響元素本身屬性的設(shè)置注重： 1.假如一個(gè)定位元素，同時(shí)設(shè)置了t

4、op和bottom，top的優(yōu)先級更高，會(huì)顯示top的值，2.假如同時(shí)設(shè)置left和right的值，優(yōu)先級取決于網(wǎng)頁語言，在英語網(wǎng)頁中l(wèi)eft的優(yōu)先級更高，會(huì)顯示left的值，在阿拉伯語言網(wǎng)頁中right的優(yōu)先級更高，3.假如一個(gè)元素設(shè)置了相對定位（甚至是做了偏移），其他元素排版時(shí)參考的依舊是那個(gè)原有位置（沒有設(shè)置偏移前的位置），4.假如一個(gè)元素設(shè)置了相對定位，它的原有位置空間被保留。即使該元素做偏移，其他元素也不會(huì)占領(lǐng)它原有的（偏移前）的位置。三。固定定位是相對掃瞄器窗口（docment）舉行定位的，同樣也是脫離文檔流，可以通過left，top，right，bottom來調(diào)節(jié)元素所在的位置。

5、特點(diǎn)：1.普通用來做頁面的導(dǎo)航部分與底部，2.可以用來網(wǎng)頁中插入廣告和商業(yè)推廣。注重：在用法時(shí)候，盡量用法在頁面的底部，由于即使脫離文檔流也不會(huì)影響布局 四，幾種定位容易比較總結(jié)1.position：relative;不會(huì)脫離文檔流 2.position：absolute|fixed；脫離文檔流3.absolute是相對于父級非static舉行定位4.fixed始終是相對于掃瞄器窗口舉行定位。定位的用途： 1.的疊加 2，元素的垂直居中 3.布局位置的轉(zhuǎn)變 4，廣告植入7.html中l(wèi)ink標(biāo)志允許當(dāng)前文檔和外部文檔之間建立銜接，但是只能在head標(biāo)簽里面用。href設(shè)置或獵取目標(biāo)=url ，rel設(shè)置或獵取對