P77p89 CSS ResetP94 defines the sort sort tool for CSS styles: CSScombP97 What is the weight of CSS? Weight refers to the priority of the Selector P100 tool: Sass LessP101 frame: YUI, ExtJSP102 hack code, difficult to understand and maintenance difficulties P103 condition comment P104 em px%2016.3.8 P110 The matching principle of CSS is the opposite of our customary matching process, which is matched from right to left. P111 best practices defined by the CSS selector (four avoidance): 1.* {}2.references p.list div {}. references p.list [data-link= "#red"] {}3.div#page_index, you should: #page_index
4. Using too many levels of CSS selectors test, testing CSS selector performance the same, chrome development tools profiles. p112~114 css spriteP115 css Sprite helper: CSS Sprite Generator sprite Cow SpriteMeP119 chrome AU Dits Find Invalid styles in CSS code P122 caniuse.com View Browser compatibility CSS3 Click Chart better than next CSS contents and browser Compatibilit yP124 Check add compatibility prefix requirements: PREFIXR autoprefixer, more autonomy. SL Plugin cssfx,css agent,-prefix-freep126 annotation tool source code P129 html5please.com effective use HTML5 css3p134 modular P137 defect, eval, subscript method to obtain attribute value P1 45 and JS DOM programming art theory contrary? P147 Code Snippet Placeholder P148 template More semantic P150 templating engine: mustache,underscore,handlebarsptemplate-engine-chooserp152 JS MVC pattern p149~156p158 Jquery-hashchange to solve the Ajax Defect P170 optimization scheme
< reading notes > Best practices for Web front-end development