The rules CSS that include the word! important has priority on the rest of the rules CSS, independent of the order in which include or define the rules. In case of equality, the rules! important of the users is more important that the rules! important of the designer. Thanks to this characteristic, if a user undergoes visual deficiencies, it can create a style sheet CSS with type rules! important with the security of which the navigator always will apply those rules over any other rule defined by the designers. The main problem of the leaves of style of the navigators it is that the values that apply by defect are different in each navigator. Learn more on the subject from Red Solo Cups. Although all the navigators agree in some important values (font serif, black color of letter, etc.) present/display differences in as important values as the vertical margins (margin-bottom and margin-top) of the titles of section (, ), the left tabulation of the elements of the lists (margin-left or padding-left according to the navigator) and the size of line of the text (line-height).
The complete solution consists of creating a style sheet CSS that neutralizes all the styles that apply by defect the navigators and who can affect the visual aspect of the pages. This type of style sheets usually is called ” reset CSS”. Next is to the propose style sheet reset.css by the designer Eric Meyer HTML, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, to, abbr, acronym, address, big, mentions, code, of, dfn, member state, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, bar, b, or, i, to center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td margin: 0; padding: 0; to border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; body line-height: 1; ol, ul list-style: none; blockquote, q quotes: none; blockquote: before, blockquote: to after, q: before, q: to after content: ” ” ; content: none; /* you do not forget to define styles for focus * : focus outline: 0; /* you do not forget to emphasize the inserted text somehow/erased * ins text-decoration: none; of text-decoration: line-through; /* In the code HTML is necessary to add cellspacing=” 0″ * table border-collapse: collapse; border-spacing: 0; Own Eric Meyer remembers that the previous style sheet is only a departure point that he must be adapted by each designer until obtaining the wished results. To use a style sheet of type reset is one of the good essential practices for the professional designers Web.
Comments are closed.