hgroup

Reset.css /** * Eric Meyer ' s Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com * * html, body, Div, Spans, applets, 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, F Ieldset, form, label, legend, table, Caption, Tbody, TFOOT, THEAD, tr, TH, TD, Article, aside, canvas, details, embed, f

Simple, click Left and right scrolling jquery slider Plugin Load CSS The code is as follows Copy Code * Reset Styles***********************/HTML, body, Div, span, applets, object, IFRAME,H1, H2, H3, H4, H5, H6, p, blockquote, PRE,A, ABBR, acronym, address, Big, C Ite, 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, t

head with thread, the main body with the tbody tail with tfoot, table head and general cell separate, the table head with th. Cell with TD 6 form fields surround with fieldset and use legend tags to describe the purpose of the form 7 each input label corresponding to the description text to use the label label, and by setting the id attribute for the input label, set For=someld in the label label to explain the text and corresponding input 4 new Semantic Tags for HTML5: 1 header: can include H

inline elements, all have to define the style as Display:block, but these CSS code many reset.css already have.To support all new HTML5 tags, you can write this Copy Code code as follows: function HTML5 () { var i = 0, Html5tag = ["Aside", "figcaption", "figure", "Footer", "header", "Hgroup", "NAV", "section"]; for (i in Html5tag) { document.createelement (Html5tag[i]); } } Or call the Google Code library: Copy Code code as follows:

Hgroup: Information about a part of a document Keygen: Form-generated key Mark: the callout text Meter: A predefined range of metrics Nav: Navigation bar Output: Outputs Progress: Progress bar RP: Identifying Rubby Content Explanation of Rt:rubby Content Ruby:rubby Content Section: Defining a part Source: Media Resources Time: DateTime Video: Videos These new tags will make your HTML document easier to l

@charset "Uft-8";Body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td {padding:0; margin:0; }HTML {font:62.5% "Lucida Grande", Lucida, Verdana, Sans-serif; Text-shadow: #000 0px 0px 0px;}UL, ol {list-style:none; list-style-type:none;}H1, H2, H3, H4, H5, H6, p, Pre, BLOCKQUOTE, UL, OL, DL, address {font-weight:normal; margin:0 0 1em 0;}Cite, EM, DFN {font-style:italic;}. clear {Clear:both;}. fl {float:left;}. fr {float:right;}. Cf:before,. cf:after{dis

The basic idea first hides (Dispaly:none) again displays, the translucent mask layer passes z-index:9998; z-index:9999; The bigger the value, the higher the front. Index.html CSS file Lanrenzhijia.css /* Code collation: www.lanrenzhijia.com*/Body,h1,h2,h3,h4,h5,h6, the home of the lazy people, NBSP;P,NBSP;BLOCKQUOTE,NBSP;PRE,NBSP;CODE,NBSP;DEL,NBSP;DFN,NBSP;EM,NBSP;IMG,NBSP;STRONG,NBSP;DD, dl,dt,li,ol,ul,fieldset,form,label,button,input, table,caption,tbody,tfoot,thead,tr,th,td,menu{ margin:

/* CSS Reset * * * Body{color: #000; background: #fff; font-size:12px;line-height:166.6%;text-align:center;} Body,input,select,button{font-family:verdana} h1,h2,h3,select,input,button{font-size:100%} body,h1,h2,h3,ul,li,form,p,img{margin:0;padding:0;border:0} Input,button,select,img{margin:0;line-height:normal} SELECT{PADDING:1PX} Ul{list-style:none} Select,input,button,button Img,label{vertical-align:middle} Header,footer,section,aside,nav,hgroup,fig

-inner,input::-moz-focus-inner{border:0;padding:0;}/* -------------------------------------------------* CSS3 & HTML5* -------------------------------------------------*/* HTML5 * *article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{Display:block;}audio,canvas,video{Display:inline-block;*display:inline;*zoom:1;}Audio:not ([controls]) {Display:none;height:0;}Input[type= "Search"]{-webkit-appearance:textfield;-moz-box-sizing

nodes through Html5.js. Call the JS file in our page HTML code: Css HTML5 block-level element style The first is still a browser compatibility issue. Although we can already create HTML5 element nodes in a lower version of IE, we still need to do some styling work to declare these "new" elements as block levels: Article, aside, details, figcaption, figure, Footer, Header, Hgroup, menu, nav, section { display:block;} The main structure

1. Simplified document type and character set (1) Document type The reason for this is that HTML5 is no longer part of SGML (Standard generalized Markup language, standardized universal Markup language), but is a separate markup language that does not require any further consideration of document types (2) Character set Just a utf-8.2, a new and semantically structured element A section element can assume that a div is a section element, an ordinary block element that can be used to defi

This article gives you the content is about how to use pure CSS3 to achieve the effect of the picture carousel, there is a certain reference value, there is a need for friends to refer to, I hope you have some help. Resets the style, clears the browser's default style, and configures the underlying style that is appropriate for the design (emphasizing whether the text is mostly bold, main text color, primary link color, main font, and so on). /* reset */html,body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul

: OverviewModify the App.routes.js file from the default history page to the overview page: $urlRouterProvider. Otherwise ('/app/history '/app/overview '); This small change makes the UI Router to the overview page without explicit redirection. The overview page code looks like this: The above code first uses the Hgroup element to present the sum of the expense records. The following then uses WIJMO 5 Flexchart to render the expense amount for each

new block element default styleThe following HTML5 new module elements are not defined by default styles in the IE8, 9 version browser. To resolve this problem, add a "block" display property to the following elements.Code:article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } Special new block elementsThe following HTML5 new module elements are not defined by default styles in the I

HTML5 Structure Learning (3): html5 Structure Learning We have learned the new principal structure elements and the new non-principal structure elements in HTML5. Here we will learn how to comprehensively use these new elements. 1. Outline The key to the HMTL5 element is to closely associate the display content with the tag type, improving the code semantics and readability. The outline here refers to the general layout of the entire website content. Can be dividedDisplay LayoutAndImplicit Layo

: html, head, body .....2. New Structural Elements• The section element indicates a content block in the page, such as a section, header, footer, or other part of the page;• The article element indicates an independent content on the page that is irrelevant to the context, for example, an article in a blog or an article in a newspaper;• The aside element indicates auxiliary information other than the content of the article element and related to the content of the article element;• The header el

most In the near group to carry on the HTML5 label's study, the method is everybody chooses several labels, oneself first to study, then gives the explanation to everybody. This process is still very rewarding. But now HTML5 is still in the draft stage, and some of the new labeling elements are often explained, Even the label to move out is also very frequent (such as Hgroup), while the existing large Web portal in the use of HTML5 also have no good e

element is used to define the contact information of the author, related person, or organization associated with an HTML page or part of the page. HTML5 prohibits address from containing the following elements: h1 ~ H6, article, address, aside, footer, header, hgroup, nav, section annotation editing, and inaccurate text are two elements used for annotation Editing: the ins element of the added content and the del element that marks the deleted conten

@charset "Utf-8";/* @author Luyonggang *//*----------------Reset Css---------------------*/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, figcaption, figure, Footer, Header,

than 650px, the theme and sidebar (Content container and sidebar ) will be filled with the screen and displayed in a column.HTML CodeThe following is just the subject structure of the code, and I used the "pagewrap" container to Encapsulate "header", "Content", "sidebar", and "footer" together.Html5.jsPlease note that I used HTML5, but below IE9 version of IE browser does not support If lt IE 9]>CSS defines HTML5 elements as blocks (display:block;)The following will be used CSS bar HTML5 elemen