Lines Matching full:css
5 <title>Google HTML/CSS Style Guide</title>
6 <link rel="stylesheet" href="javaguide.css">
13 <h1>Google HTML/CSS Style Guide</h1>
16 <p>This document defines formatting and style rules for HTML and CSS. It aims at
18 It applies to raw, working files that use HTML and CSS, including GSS files.
45 <pre><code class="language-css prettyprint badcode">/* Not recommended: omits the protocol */
46 @import '//fonts.googleapis.com/css?family=Open+Sans';
49 @import 'http://fonts.googleapis.com/css?family=Open+Sans';
52 <pre><code class="language-css prettyprint">/* Recommended */
53 @import 'https://fonts.googleapis.com/css?family=Open+Sans';
70 <pre><code class="language-css prettyprint">.example {
80 attribute values (unless <code>text/CDATA</code>), CSS selectors, properties, and property
91 <pre><code class="language-css prettyprint badcode">/* Not recommended */
95 <pre><code class="language-css prettyprint">/* Recommended */
127 character encodings in HTML and CSS</a>.)</p>
137 demand fully documented code. Mileage may vary heavily for HTML and CSS code and
241 whose purpose is purely decorative which you cannot immediately use CSS for, use
274 <link rel="stylesheet" href="base.css" media="screen">
275 <link rel="stylesheet" href="grid.css" media="screen">
276 <link rel="stylesheet" href="print.css" media="print">
286 <title>My first CSS-only redesign</title>
287 <link rel="stylesheet" href="default.css">
288 <h1>My first CSS-only redesign</h1>
349 <p>Do not use <code>type</code> attributes for style sheets (unless not using CSS) and scripts
353 <a href="https://html.spec.whatwg.org/multipage/obsolete.html#attr-style-type"><code>text/css</code…
358 <link rel="stylesheet" href="https://www.google.com/css/maia.css"
359 type="text/css">
363 <link rel="stylesheet" href="https://www.google.com/css/maia.css">
382 <p>Independent of the styling of an element (as CSS allows elements to assume a
461 <h2 id="CSS">4 CSS</h2>
463 <h3 id="CSS_Style_Rules">4.1 CSS Style Rules</h3>
465 <h4 id="CSS_Validity">4.1.1 CSS Validity</h4>
467 <p>Use valid CSS where possible.</p>
469 <p>Unless dealing with CSS validator bugs or requiring proprietary syntax, use
470 valid CSS code.</p>
474 Use tools such as the <a href="https://jigsaw.w3.org/css-validator/">W3C CSS validator</a>
478 <p>Using valid CSS is a measurable baseline quality attribute that allows to spot
479 CSS code that may not have any effect and can be removed, and that ensures
480 proper CSS usage.</p>
498 <pre><code class="language-css prettyprint badcode">/* Not recommended: meaningless */
506 <pre><code class="language-css prettyprint">/* Recommended: specific */
525 <pre><code class="language-css prettyprint badcode">/* Not recommended */
530 <pre><code class="language-css prettyprint">/* Recommended */
542 …seful for <a href="http://www.stevesouders.com/blog/2009/06/18/simplifying-css-selectors/">perform…
544 <pre><code class="language-css prettyprint badcode">/* Not recommended */
549 <pre><code class="language-css prettyprint">/* Recommended */
558 <p>CSS offers a variety of <a href="https://www.w3.org/TR/CSS21/about.html#shorthand">shorthand</a>
564 <pre><code class="language-css prettyprint badcode">/* Not recommended */
575 <pre><code class="language-css prettyprint">/* Recommended */
587 <pre><code class="language-css prettyprint">flex: 0px; /* This flex-basis component requires a unit…
599 <pre><code class="language-css prettyprint">font-size: .8em;
609 <pre><code class="language-css prettyprint badcode">/* Not recommended */
613 <pre><code class="language-css prettyprint">/* Recommended */
628 <pre><code class="language-css prettyprint">.adw-help {} /* AdWords */
640 <pre><code class="language-css prettyprint badcode">/* Not recommended: does not separate the words…
647 <pre><code class="language-css prettyprint">/* Recommended */
654 <p>Avoid user agent detection as well as CSS “hacks”—try a different approach
658 special CSS filters, workarounds, and hacks. Both approaches should be
666 <h3 id="CSS_Formatting_Rules">4.2 CSS Formatting Rules</h3>
676 vendor-specific prefixes for a certain CSS property should be kept sorted (e.g.
679 <pre><code class="language-css prettyprint">background: fuchsia;
697 <pre><code class="language-css prettyprint">@media screen, projection {
714 <pre><code class="language-css prettyprint badcode">/* Not recommended */
721 <pre><code class="language-css prettyprint">/* Recommended */
735 <pre><code class="language-css prettyprint badcode">/* Not recommended */
741 <pre><code class="language-css prettyprint">/* Recommended */
757 <pre><code class="language-css prettyprint badcode">/* Not recommended: missing space */
769 <pre><code class="language-css prettyprint">/* Recommended */
781 <pre><code class="language-css prettyprint badcode">/* Not recommended */
787 <pre><code class="language-css prettyprint">/* Recommended */
802 <pre><code class="language-css prettyprint">html {
812 <h4 id="CSS_Quotation_Marks">4.2.8 CSS Quotation Marks</h4>
822 <pre><code class="language-css prettyprint badcode">/* Not recommended */
823 @import url("https://www.google.com/css/maia.css");
830 <pre><code class="language-css prettyprint">/* Recommended */
831 @import url(https://www.google.com/css/maia.css);
838 <h3 id="CSS_Meta_Rules">4.3 CSS Meta Rules</h3>
847 <pre><code class="language-css prettyprint">/* Header */