һ
 ע

QQ¼

ֻһٿʼ

ƼĶ

+
̳ WEBҳǰ뿪 WEBҳܱ

[ת] ǰ֮HtmlCSS

[]
31591 websjy 2016-6-23 10:44:02
| ʾȫ¥
1F

ϵ½עᣬύѣø๦ܣϴزIJޣ

Ҫ ¼ ſػ鿴ûʺţע  

x
ֵ˱ҵܶСǶҹʱˣöСǰ˵ôûС

С鱾ûƭǣҴӱҵһֱһҹ˾ûлѹû⡣ǹ˾ƸҲѹҪʲô⡣ΪЩǿٶĹ Ǵ󲿷ֹ˾ģܽһ¹ǰ˵⡣ǷHtmlCSSֵġ

1. ǼԣЩں(Layout Engine)?

(Q1)IEChromeFireFoxSafariOpera
(Q2)ںˣTridentGeckoPrestoWebkit
2. ˵ԪغͿ鼶ԪصڿԪصļʹãIE8 £

(Q1)ԪأˮƽУܰ鼶ԪأwidthЧheightЧ(line-height)marginЧpaddingЧ
鼶ԪأռһУֱСпʼһС
(Q2)ԣdisplay:inline-block;*display:inline;*zoom:1;


3.ЩʽȽϺõķʽһ֣

1divheight
2βӿdivǩclear:both
3divα:afterzoom
4divoverflow:hidden
5divoverflow:auto
6divҲҪȡ
7divdisplay:table
8βbrǩclear:both

4.box-sizingõЩֱʲôã

(Q1)box-sizing: content-box|border-box|inherit;
(Q2)content-box:Ⱥ͸߶ȷֱӦԪصݿڿȺ͸߶֮Ԫصڱ߾ͱ߿(ԪĬЧ)
border-box:Ԫָκڱ߾ͱ߿򶼽趨ĿȺ͸߶ڽлơͨ趨ĿȺ͸߶ȷֱȥ߿ڱ߾ܵõݵĿȺ͸߶ȡ

5.Doctypeã׼ģʽģʽʲô?

(Q1)<!DOCTYPE>֪Ľʲôĵ׼ĵDOCTYPEڻʽȷᵼĵԼģʽ֡
(Q2)׼ģʽŰJSģʽԸֵ֧߱׼СڼģʽУҳԿɵݵķʽʾ,ģʽΪԷֹվ޷

6.HTML5 ΪʲôֻҪд <!DOCTYPE HTML>

HTML5 SGML˲ҪDTDãҪdoctype淶ΪӦõķʽУ
HTML4.01SGML,ҪDTDãܸ֪ĵʹõĵ͡

7.ҳ浼ʽʱʹlink@importʲô

1linkXHTMLǩ˼CSS⣬ڶRSS, relԵã@importCSSṩģֻڼCSS;
2ҳ汻صʱlinkͬʱأ@importõCSSȵҳ汻ټ;
3importCSS2.1 ģֻIE5ϲܱʶ𣬶linkXHTMLǩ޼;

8.һں˵⣿

Ҫֳ֣Ⱦ(layout engineerRendering Engine)JS档
Ⱦ棺ȡҳݣHTMLXMLͼȵȣѶϢCSSȣԼҳʾʽʾӡں˵IJͬҳ﷨ͻвͬȾЧҲͬҳʼͻԼҪ༭ʾݵӦóҪںˡ
JS򣺽ִjavascriptʵҳĶ̬Ч
ʼȾJS沢ûֵĺȷJSԽԽں˾ָֻȾ档

9.html5ЩԣδHTML5±ǩ⣿ HTML HTML5

HTML5 Ѿ SGML ӼҪǹͼλã洢ȹܵӡ

(1)滭 canvas;
(2)ýطŵ video audio Ԫ;
(3)ߴ洢 localStorage ڴ洢ݣرպݲʧ;
(4)sessionStorage رպԶɾ;
(5)⻯õԪأ articlefooterheadernavsection;
(6)ؼcalendardatetimeemailurlsearch;
(7)µļwebworker, websocket, Geolocation;

IE8/IE7/IE6֧ͨdocument.createElementıǩһЩ֧HTML5±ǩ֧±ǩ󣬻ҪӱǩĬϵʽȻҲֱʹóĿܡhtml5shim;

  1. <!--[if lt IE 9]>
  2. <script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>
  3. <![endif]-->
ƴ



10.һHTML廯⣿

ȷıǩȷ顣
html廯ҳݽṹṹڶ;
ʹûʽCSSҲһĵʽʾĶ;
ҲHTMLȷĺ͸ؼֵȨأSEO;
ʹĶԴ˶վ׽վֿ飬Ķά⡣

htmlcssܽᵽдĵطָԵʱʲôԸһ
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ
fhuj3d96 2017-1-5 19:13:08
| ʾȫ¥
2F
,ӣ̸̸
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
б

ֹ

²

̳¡ͼƬѷϴվԭתԻ,µİȨԭ
վַİȨ֪ͨǵĹԱ,Ա(Email:admin@websjy.com)ʱȡȨɾ
ܾκκʽڱ̳л񹲺͹ִ!

QQ| 42011102000510|Archiver|ֻ|Դ ( ICP14013341-1

GMT+8, 2018-5-21 18:44

Powered by Discuz! X3.2

ԴԴվ  ԴAPPӦ֮

ٻظ ض б