css-html
5706 ワード
、Doctype ？ ?
（1）、<!DOCTYPE> HTML ， <html> 。 。DOCTYPE 。
（2）、 JS 。 ， , 。
、HTML5 <!DOCTYPE HTML>？
HTML5 SGML， DTD ， doctype （ ）；
HTML4.01 SGML, DTD ， 。
、 ？ ？ (void) ？
：CSS ， display ， ， display ， div display “block”， “ ” ；span display “inline”， “ ” 。
（1） ：a b span img input select strong（ ）
（2） ：div ul ol li dl dt dd h1 h2 h3 h4…p
（3） ：
<br> <hr> <img> <input> <link> <meta>
：
<area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>
、 ， link @import ？
<link rel="stylesheet" href="./css/base.css" />
<style>
@import url(./css/base.css);
</style>
（1）link XHTML ， CSS ， RSS, rel ； @import CSS ， CSS;
（2） ，link ， @import CSS ;
（3）import CSS2.1 ， IE5 ， link XHTML ， ， css css;
、 ：-ms-,-moz-,-webkit-
？
(1)IE6 bug: float ， margin ， 。 #box{ float:left; width:10px; margin:0 0 0 100px;_display:inline;}
.bb{
/* */
* /*IE ， */
. /*IE6、7、8 */
+/*IE6、7 */
_/*IE6 */ }
（2）Chrome 12px 12px , CSS -webkit-text-size-adjust: none; .
（3） hover hover active CSS :
L-V-H-A : a:link {} a:visited {} a:hover {} a:active {}
(4)
IE , ,
getAttribute() ;
Firefox , getAttribute() .
: getAttribute() .
(5)IE ,even x,y , pageX,pageY ;Firefox ,event pageX,pageY , x,y . ： ：event.clientX event.clientY
、 ， article、footer、header、nav、section
（HTML5 （ ：<article>、<nav>、<header> <footer> ）
）
< div id="header">
< h1> < /h1>
< h2> Web < /h2>
< /div>
iframe ？
*iframe Onload ；
*iframe ， ， 。
iframe 。 iframe， javascript
iframe src ， 。
HTML5 form ？autocomplete=off
<form action="demo_form.asp" method="get" autocomplete="on">
First name:<input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
E-mail: <input type="email" name="email" autocomplete="off" /><br />
<input type="submit" />
</form>
cookies，sessionStorage localStorage ？
cookies 。 sessionStorage localStorage
1、cookie 4kb
2、userData 64kb
3、flash sharedobject 100kb
4、gear 、SQLite
5、Web Storage
6、Web SQL Database
? localstorge、cookies
webSocket ？ Adobe Flash Socket 、 ActiveX HTMLFile (IE) 、 multipart XHR 、 XHR
、css
CSS ？
（1） ， IE 、 W3C ；IE content border pading;
（2） ： (content)、 (padding)、 (margin)、 (border).
CSS ？ ？ ？ CSS3 ？
（.myclassname）
3. （div, h1, p）
4. （h1 + p）
5. （ul > li）
6. （li a）
7. （ * ）
8. （a[rel = "external"]）
9. （a: hover, li: nth - child）
:
!important > id > class > tag
important
CSS3 ：
p:nth-child(2) <p> 。 :enabled :disabled 。 :checked 。
display ， 。position ， relative absolute ？
1.
block 。
none 。 。
inline-block ， 。
list-item ， 。
2.
*absolute
， static 。
*fixed （ IE ）
， 。
*relative
， 。
CSS3 ？
CSS3 （border-radius:8px）， （box-shadow:10px），
（text-shadow、）， （gradient）， （transform）
transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// , , ,
CSS rgba
， ， ？
60Hz， 1 60 ， 1/60＊1000ms ＝ 16.7ms