Before writing a lot of front-end interface, but did not read a full HTML and CSS books, are used to check what, recently spare time to consolidate the knowledge of the front-end Foundation, read the "Head first HTML and CSS", feel this book is a little too simple, but still
Head First HTML CSS, headfirsthtml
A void element is an element that does not contain any content between the start tag and the end tag on an HTML page.
The relative link should be used to link pages on the same website, and the URL should be used to link pages on other websites.
The file protocol is used when the
Head First HTML and CSS-layout and positioning, headcss
1. flow is used by browsers to place HTML elements on pages.
For block elements, the browser displays each element one by one from top to bottom along the element stream, and adds a line break between each block element;
For inline elements, the horizontal dire
letter, and the ID name can begin with a number or a letter. class names and ID names can contain letters, numbers, and _ characters, but not spaces.
When using more than one style sheet, the following style sheet overrides the style in the previous style sheet.
You can add media properties to the link element to provide the specified style sheet for different browsing devices. Media= "screen and (max-device-width:480px)" media= "print" query can also use Min-device-width, orientation[displ
needs to get the entire large image before scaling the image to fit the page size. The width and Height properties are actually help the browser determine how much space to reserve for this image, and if you want to use these two properties, they should match the actual width and height of the image Form:
Definition List
HTML entities:In HTML, some c
CSS Basic:Font-famliyFont-sizeFont-styleText-decorationColorBackground-color...
Skills:Define the parent element in the body selector and inherit the subclass for easy administrationThe option after Font-famliy is actually a preferred list to selectFont-size in body is best to define Small,medium,large first ... Subclasses change through 200%,1.2EMFont-style control italic, and italicText-decoration Text style underlineColor,background-color Col
P31 Display index.html FileWhen you test with chrome, IE browser, the display is different. Ps:ie Browser does not correctly display the border around the body of the page1 HTML>2 Head>3 title>Starbuzz Coffeetitle>4 styletype= "Text/css">5 Body{6 Background-color:#d2b48c;7 Margin-left:20%;8 Margin-right:20%;9 Border:2px dotted Black;Ten paddin
Elements: Start tag + content + END tag;
The notation of the attribute of the element: the property name, followed by an equal sign, followed by the value of the attribute in double quotation marks;
HTML Implementation structure,CSS for performance;
Short reference elements in HTML:
NewLine:
Head first
Station XHTML and CSS Template
Preview | download182. Prom Night XHTML and CSS Template
Preview | download183. Design Studio XHTML and CSS Template
Preview | download184. Logo Design Studio
. Fortunately, XML syntax is very close to SGML (and hence HTML), so there is little difference in syntax.Above, you have explained all the specifications that XHTML documents must follow, most of which are already defined by HTML. Additional cases, such as all elements must be closed and the rules of the empty element, are new。When using empty element syntax for
HTML tutorial XHTML Tutorial: HTML Tag nesting skills, xhtml nesting
Webjx: WEB Standard-HTML element nesting.
Let's take a look at the following code:
Of course, I won't tell you that this code comes from FACEBOOK. Do you think there is any p
XHTML file type declaration, all other XHTML tag elements must be embedded in this label.
Copy XML/HTML Code to clipboard
...
Text and paragraph content
TagIndicates the header information of the XHTML document. This information is usually required by the browser and additional instructions
Css|xhtml, the "standard Web page" file organization is XHTML+CSS. Where XHTML is used primarily to represent the Web page structure and display content, CSS defines the layout of the structure and modifies the content style.
The number of free web templates on the internet is too large. These templates are smashing magazine.We recommend that all of them are based on XHTML/CSS. In the increasingly important era of W3C standards, conscious use of the most standardized code can make your design more time-tested. XHTMLCode requirements are more standard than HTML, and
The document organization of "Standard webpage" is xhtml+css. Where XHTML is used primarily to represent the Web page structure and display content, CSS defines the layout of the structure and modifies the content style.
XHTML, commonly used in layouts, typically has:
DIV:
the transition from the old age to the new era, and Strict DOCTYPEs is the default Document declaration, applicable to the construction of HTML 4.01 and XHTML 1.0.
The use of Transitional DOCTYPE is generally because the Code contains too many outdated writing methods, and it is difficult to fully convert to Strict DOCTYPE at once. But Strict DOCTYPE should be your goal. It encourages or even sometimes for
The standard Web page file organization is XHTML+CSS. Where XHTML is used primarily to represent the Web page structure and display content, CSS defines the layout of the structure and modifies the content style. The commonly used for layout XHTML is: DIV: A logical chunk
to indicate where you can find the image. Using When the browser is ready to get the image, it takes out the base URL specified in the Usage: Third, LINK elementThe link element defines a relationship between two documents linked together. It is most commonly used to link an external style sheet into the current document.The properties of the link element are described below:
href: The URL to the linked document
Media: Describes which media the linked document is for. Common value
The tutorial "CSS Tutorial Layout example" assumes that the reader has mastered the HTML, and if the reader understands the meaning of most of the markup in the following HTML markup, you can begin this tutorial.If the reader is not clear about the meaning of the above tags, please follow the Web Learning Web "HTML Tut
We have been emphasizing semantics in the webjx.com article. How should we use HTML tags? Where are their general usage locations? When I first came into contact with XHTMLCSS to design webpages, I had no experience or casual use of tags. I often thought that I could use whatever I think of, as long as I could achieve the effect. However, with the in-depth study and search engine optimization, we have been emphasizing semantics in jb51.net articles. H
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.