The fourth week day2
feel of the front end of school for so long, is almost forgotten learn a little bit, do not practice, nothing will. Have a clear goal, not too much too fast, I would prefer a little slower, a little less understanding, but also learned that his master!
First, let us complete the frame header information.
-
favicon
favicon.ico page icons are generally placed in the root directory, with a link rel = "icon" href = "favicon.ico", IE browser does not support local files, all see the effect in the IE browser, the solution is to install the plug-live server, protocol becomes http protocol, local IP address becomes the front. -
base label
attribute definition document with url tag can be unified base path, you can define links Open. -
Custom icons (custom font)
font-face, to design a font, not necessarily web-safe fonts, you must first install the client to use. Previously wanted a unique style, the picture is a screenshot of the insertion process, obviously can not solve the problem. Now take a custom font solutions can solve some of the problems using small icons, the equivalent of the font used. In iconfont official website to select the style you want, add storage, download the code, open demo.html accordance with the process operation. Using the method of inserting unicode "font."
Src string to a small font size compatibility .woff2 page load faster, ie9 .eot only supports ie .ttf system comes with a relatively large window but .svg more advanced, ie6 7 8 does not support the format parameter lets the browser know what identified the load
point to achieve a framework header information, then we design his style!
And the inner from the outer, first set li a, padding is generally evidenced, margin write reference in the style module, then one by careful consideration, wrap inline elements will resolve to separator (space) is determined by the font-size, so on the label li font-size: 0 in the other blocking tab font-size: 12px, as part of the code
in which the presence of a problem is not resolved, a five-pointed star in the tag attributes that hover no effect! ! !
