hgroup

;}address,caption,cite,code,dfn,em,strong,th,var{Font-weight:normal;Font-style:normal;}Ol,ul {List-style:none;}caption,th {Text-align:left;}H1,h2,h3,h4,h5,h6 {Font-weight:normal;font-size:100%;}Q:before,q:after {Content: ";}abbr,acronym {border:0;}Programme IIIHTML, body, Div, span, applet, object, IFRAME, H1, H2, H3, H4, H5, H6, p, blockquote, Pre, A, ABBR, acronym, address, Big, cite, code, Del, DFN, EM, img, INS, KBD, Q, S, Samp, small, strike, strong, sub, SUP, TT, VAR, b, U, I, center, DL,

-------------------siwuxie095HTML5 new non-principal structure elements1. Header elementThe header element is a structure element with a guided and navigational effect, usually used to place an entire page or a chunk of content within a page. title , but You can also include other content , such as data tables, search forms, or relatedLogo image2. Footer Elementsthe footer element can be used as its parent-level content block or as a root blockthe footnoteThe footer element typically includes f

. PlaceholdersThe meaning of this input property is that you don't have to do placeholder with JavaScript. 9. Local StorageUse Local Storage can permanently store large pieces of data on the client (unless actively deleted), most browsers already support it and can detect if window.localstorage exists before usesemantic headers and footerOne. more HTML5 form featuresIE and HTML5default, HTML5 new elements are rendered inline , but you can use the following method to makeit is rendered in block m

; 　　 Divcontenteditable= "true"style= "border:1px solid #dddddd; width:360px;min-height:20px;_height:20px;outline:0px;">Div> 　　 Divcontenteditable= "true"class= "Demoedit">Div>7, Email InputsIf we set the type of input to e-mail, the browser verifies that the input is an email type, not just the front-end checksum, and the backend has to have a corresponding checksum.8, placeholdersThe meaning of this input property is that you don't have to do placeholder with JavaScript.9. Local StorageUsing t

; H1>Sub-headingsH1> Header> P>ContentP>article>use of multiple header elements7:footer elementsFooter usually includes footnote information about its relevant blocks, such as the author, relevant reading links, and copyright information.Use CSS styles for these new elements to declare these elements to be block elements.Two: Outline of the arrangement rulesThe layout of content blocks can be divided into two ways: explicit orchestration and implicit orchestration.An explicit orc

article, a noun interpretation, and so on.Design Micro-formatA micro-format is a way to add additional information to a Web page by using the class attribute of HTML, primarily to simplify data extraction for web developmentThe time element represents a moment in the 24 hour or a date that allows time difference when identifying the moment.Add Release dateThe Pubdate property is an optional Boolean property that can be used on the time element in the article element, which represents the publis

/*** Eric Meyer ' s Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)* http://cssreset.com*/HTML, body, Div, span, applet, object, IFRAME,H1, H2, H3, H4, H5, H6, p, blockquote, Pre,A, ABBR, acronym, address, big, cite, code,Del, DFN, EM, img, INS, KBD, Q, S, Samp,Small, strike, strong, sub, SUP, TT, VAR,b, u, I, center,DL, DT, DD, OL, UL, Li,FieldSet, form, label, legend,Table, Caption, Tbody, TFOOT, THEAD, tr, TH, TD,Article, aside, canvas, details, embed,Figure, Figcaption, footer, he

/* http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126 license:none (public domain) */html, body, Div, span, applet, object, IFRAME,H1, H2, H3, H4, H5, H6, p, Blockqu OTE, PRE,A, ABBR, acronym, address, Big, cite, Code,del, DFN, EM, img, INS, KBD, Q, S, Samp,small, Strike, strong, sub, Su P, TT, VAR,B, u, I, CENTER,DL, DT, DD, OL, UL, Li,fieldset, form, label, Legend,table, Caption, Tbody, TFOOT, THEAD, tr, t H, td,article, aside, canvas, details, embed, figure, figcaption, footer, Header,

1. Why use REMAutomatic resizing based on screen size2. How to use REMIn the following stepsA. Use PS to set the manuscript to 640px or 750px (remember to scale)B. When debugging, remember to set the browser default minimum font to minimum. The phone is supported for fonts below 12pxC. Introduction of meta-headers D. Introducing the Reset File? 12345678910111213141516171819202122232425262728293031323334353637 html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h

/*Html5doctor.com Reset Stylesheetv1.6.1Last UPDATED:2010-09-17Author:richard clark-http://richclarkdesign.comTwitter: @rich_clark*/HTML, body, Div, span, object, IFRAME,H1, H2, H3, H4, H5, H6, p, blockquote, Pre,ABBR, address, cite, code,Del, DFN, EM, img, INS, KBD, Q, Samp,Small, strong, sub, SUP, VAR,b, I,DL, DT, DD, OL, UL, Li,FieldSet, form, label, legend,Table, Caption, Tbody, TFOOT, THEAD, tr, TH, TD,Article, aside, canvas, details, figcaption, figure,Footer, Header,

; home ul > ul > podcast ul > ul > forum ul > nav > We set the position of the navigation bar, and the color style nav{ height:30px; Background: #F66; MARGIN-TOP:151PX }At this point the items are vertically drained, and we use CSS styles to change them to horizontal and set their color and height.Nav ul li{ width:100px; height:30px; Float:left;}(2) The top menu is finished, followed by the middle, or in order from left t

,table, Captio N, Tbody, TFOOT, THEAD, tr, TH, td,article, aside, canvas, details, figcaption, figure, Footer, Header, Hgroup, menu, NAV, section, Summary,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; Vertical-align:baseline; Background:transparent;} Body {line-height:1;}:focus {outline:1;} article,aside,canvas,details,figcaption,figure,footer,header,hgroup