css definitive guide

[Reading Notes] CSS authoritative guide, Reading Notes css authoritativeChapter 1 CSS and documentation CSS: cascading style sheet W3C: world wide web consortiam world wide web Alliance Element is the basis of a document. Replaced element: used to replace the content o

The main learning knowledge is how to associate CSS with HTML documents:1. This is the default style sheet2. Candidate Style Sheets3. Introduction:The advent of CSS stylesheets not only makes it easy to update and maintain the network, but also helps to save money because the document removes all the performance information.CSS authoritative Guide (third edition)

;Div>7 Sub-selectorscan only match to the son's selector, as below can only match to 123, and cannot match to 333Div> P>123P> ul> Li>P>333P>Li> ul>Div>div>p{color:red}8 Brother Selector H1>1111H1> H2>2222H2> H3>3333H3>/*h1+h2{color: #3179ad} valid *//*h1+h3{color: #3179ad} invalid */=====================H1>1111H1> Div>H2>2222H2>Div>H3>3333H3>/*h1+h2{color: #3179ad} Invalid */=================== Summary:/* can only match to the next sibling element */9 Pseudo-Cl

First chapter CSS and documentation1. Structured HTML: (Personal understanding)1. Separation of content, style and behavior2, label semantics, what kind of label do what kind of thing3. Conform to Web standards4, the structure is clear, header, content, footer. Reduce duplicate code for the public part.2. Unstructured pages make it difficult to build content indexes, reduce accessibility, and discourage maintenance.3, the candidate style sheet, the re

CSS selector syntaxCSS stylesheets are composed of selectors and life blocks. The declaration block has a property name, a property value, a colon separated by the middle, and a semicolon ending.Selector Group actionsYou can combine several selectors into a piece to quickly select the elements of the operation. For example, h1,h2,h3,h4,h5,h6{color:red;}* Wildcard selector, select all the elements.Tag Selector class SelectorConsists of a dot plus a nam

Chapter III1, the value of inheritance is not special, even 0 of the particularity of not. So changing the style of a hyperlink generally requires an independent declaration and cannot be changed by inheritance.2. Cascading-conflicting declarations are sorted by this cascading process and thus determine the final document representation. The core of this process is the particularity of selectors and their related declarations and the inheritance mechanism.Fifth Chapter1, Font-weight:border. Firs

12th chapter list and generated content1, List-style-type:cjk-ideographic generate 1234 of the serial number2, whether it is UL or Ol,list-style-type unrecognized values are applied to decimal.3, the list-style-image will inherit.4, Shorthand: List-style:type | Image | PositionThe 13th Chapter user interface style;1. Outlines are similar to borders, but outlines do not participate in the document Flow .2. Outlines and borders can coexist .3, the contour of the four sides of the style (including

Margin-bottom, to clear the element set Margin-top is not convenient (the reason for clearing the area).7. For a non-root element, if the position value is absolute, the containing block is the nearest position value is not a static ancestor element .8. Top/right/bottom/left applies to elements where the position value is not static. The margin boundary of the element contains the offset of the inner margin boundary (border) of the block relative to it.9. Top:auto;left:auto in Position:absolute

Chapter III Structure and CASCADE1. When determining which values should be applied to an element, the user agent not only takes into account the inheritance, but also considers the specificity of the declaration, and also the origin of the declaration itself, which is called Cascading. 、2, Particularity. If an element has two or more conflicting attribute declarations, the Highest-specificity declaration wins. For the value of the attribute of each ID given in the selector, add 0,1,0,0;

The authoritative guide for HTML5 and CSS3 (2nd edition) has become a benchmark in the field of HTML 5 and CSS 3 books, dubbed "one of the best guide books on system learning HTML 5 and CSS 3" and "one of the Web front-end Engineers ' desk books". The 2nd edition first updated and supplemented the content from the tech

A few months ago read the book-"CSS authoritative guide", before using CSS are in the W3school, or press F12 to see other people's code, this is my complete reading of the first book about CSS, feeling or harvest is very big, recently to summarize their knowledge, so I looked again, Also the spirit of restudying, while

This article translated from: www.sitepoint.com/practical-guide-css-variables-custom-properties/ Please specify the Source: Grape City website, Grape City for developers to provide professional development tools, solutions and services, empowering developers. Sass and less such preprocessor, let our CSS code to maintain good structure and maintainability.

if they were other vs auto-generated files, and do not include them in the VS project, and do not use source code manager.If you include these compressed files in your project, and you use source code Manager to manage them, you will face some trouble. When you check out these files from Source Manager, their properties are read-only, so when you try to build the operation again, Microsoft Ajax Minifier generates an "attempt to write a read-only file" error.Original address: http://blog.sina.co

performance and the reusability of code. In practice, you do not need to strictly follow these elements. For example, if you are really prepared to add a style to all a tag elements within an element with class name intro, it is wise to have a selector such as intro a. Conclusion For a guide to efficient CSS selectors, you can also read the use efficient CSS s

interested in the width of the device, which is the width of the browser window.So use it in the desktop environment width and forget device-width it. We are about to see this situation more cumbersome on the mobile side.SummarizeThis article summarizes our search for the behavior of desktop browsers. The second part of the series points these concepts to the mobile side and shows some important differences from the desktop environment.Transferred from: http://blog.jobbole.com/44319/HTML-HTML5+

property name Colon.For consistency reasons, add a space between the property name and the value (not between the property name and the colon)./* Not recommended */H3 { font-weight:bold;}/* Recommended */H3 { font-weight:bold;}The selector and the declaration line are interlaced with the selector and declaration.Each selector and declaration is independent of the new row./* Not recommended */a:focus, a:active { position:relative; top:1px;}/* Recommended */H1,H2,H3 { font-weight:normal; lin