equal
deleted
inserted
replaced
23 https://www.w3.org/TR/CSS2/ |
23 https://www.w3.org/TR/CSS2/ |
24 CSS level 2 at latest rev. |
24 CSS level 2 at latest rev. |
25 https://www.w3.org/TR/CSS21/ |
25 https://www.w3.org/TR/CSS21/ |
26 CSS level 2 rev 1. |
26 CSS level 2 rev 1. |
27 |
27 |
|
28 Default style for HTML elements |
|
29 =============================== |
|
30 |
|
31 * http://www.w3.org/TR/CSS2/sample.html |
|
32 |
28 Adding CSS to HTML |
33 Adding CSS to HTML |
29 ================== |
34 ================== |
30 |
35 |
31 Include to CSS file in ``head`` tag:: |
36 Include to CSS file in ``head`` tag:: |
32 |
37 |
133 |
138 |
134 Include statment supports media query syntax:: |
139 Include statment supports media query syntax:: |
135 |
140 |
136 @import url(print.css) print; |
141 @import url(print.css) print; |
137 |
142 |
138 Default style for HTML elements |
143 Including font |
139 =============================== |
144 ============== |
140 |
145 :: |
141 * http://www.w3.org/TR/CSS2/sample.html |
146 |
|
147 @font-face { |
|
148 font-family: Gentium; |
|
149 src: url(http://example.com/fonts/Gentium.woff); |
|
150 } |
|
151 |
|
152 p { font-family: Gentium, serif; } |
|
153 |
|
154 https://www.w3.org/TR/css-fonts-3/ |
|
155 CSS Fonts Module Level 3. |
142 |
156 |
143 Media queries |
157 Media queries |
144 ============= |
158 ============= |
145 |
159 |
146 Syntax for media queries inside CSS file is:: |
160 Syntax for media queries inside CSS file is:: |
233 $ sudo apt-get install css-mode |
247 $ sudo apt-get install css-mode |
234 |
248 |
235 Graphical editor:: |
249 Graphical editor:: |
236 |
250 |
237 $ sudo apt-get install cssed |
251 $ sudo apt-get install cssed |
238 |
|
239 Including font |
|
240 ============== |
|
241 :: |
|
242 |
|
243 @font-face { |
|
244 font-family: Gentium; |
|
245 src: url(http://example.com/fonts/Gentium.woff); |
|
246 } |
|
247 |
|
248 p { font-family: Gentium, serif; } |
|
249 |
|
250 https://www.w3.org/TR/css-fonts-3/ |
|
251 CSS Fonts Module Level 3. |
|