Tips on using CSS with XML/TEI - Revision history

Brettz9: /* HTML to CSS Equivalents */

2010-06-16T06:31:57Z

‎HTML to CSS Equivalents

2010-06-16T06:31:37Z

‎HTML to CSS Equivalents: using Firefox's own

2010-06-16T06:19:32Z

‎HTML to CSS Equivalents: adding parenthesizing around non-showing elements

2010-06-16T06:18:42Z

‎HTML to CSS Equivalents

2010-06-16T06:17:31Z

‎HTML to CSS Equivalents: spacing

2010-06-16T06:16:30Z

‎HTML to CSS Equivalents: +div, span, etc.

2010-06-16T06:05:41Z

‎HTML to CSS Equivalents: +blockquote

2010-06-16T05:58:55Z

‎HTML to CSS Equivalents: +etc

2010-06-16T05:58:36Z

html->CSS equivs

2008-03-04T14:25:58Z

small fix on CSS class referent

@@ Line 21: / Line 21: @@
 (Display is inline by default unless indicated.)
-(Note that in order to bypass the spam filter, some bogus spaces were added in the display: none; lines.)
+(Note that in order to bypass the spam filter, some bogus spaces were added in the display: none; (and height: 2px) lines.)
 // the following was obtained from resource://gre-resources/html.css , with the license terms under MPL 1.1/GPL 2.0/LGPL 2.1.

@@ Line 26: / Line 26: @@
 * div - display:block;
 * em - font-style:italic;
-* head - display: none;
+* (head - display: none;)
 * i - font-style:italic;
-* link - display: none;
+* (link - display: none;)
-* meta - display: none;
+* (meta - display: none;)
-* script - display: none;
+* (script - display: none;)
 * span - display:inline; /* unnecessary since default */
-* style - display: none;
+* (style - display: none;)
-* title - display: none;
+* (title - display: none;)
 * ul - display:block; text-indent: 40px;
 * (etc.)
 [[Category:CSS]]

← Older revision		Revision as of 06:18, 16 June 2010
Line 21:		Line 21:

	(Display is inline by default unless indicated.)		(Display is inline by default unless indicated.)
		+	(Note that in order to bypass the spam filter, some bogus spaces were added in the display: none; lines.)

	* blockquote - display:block; text-indent: 40px;		* blockquote - display:block; text-indent: 40px;

@@ Line 25: / Line 25: @@
 * div - display:block;
 * em - font-style:italic;
-* head - <pre>display: none;</pre>
+* head - display: none;
 * i - font-style:italic;
-* link - <pre>display: none;</pre>
+* link - display: none;
-* meta - <pre>display: none;</pre>
+* meta - display: none;
-* script - <pre>display: none;</pre>
+* script - display: none;
 * span - display:inline; /* unnecessary since default */
-* style - <pre>display: none;</pre>
+* style - display: none;
-* title - <pre>display: none;</pre>
+* title - display: none;
 * ul - display:block; text-indent: 40px;
 * (etc.)
 [[Category:CSS]]

@@ Line 23: / Line 23: @@
 * blockquote - display:block; text-indent: 40px;
 * em - font-style:italic;
 * i - font-style:italic;
 * ul - display:block; text-indent: 40px;
 * (etc.)
 [[Category:CSS]]

← Older revision		Revision as of 05:58, 16 June 2010
Line 17:		Line 17:

	You can also specify inline elements by using <code>display:inline</code>		You can also specify inline elements by using <code>display:inline</code>
		+
		+	==HTML to CSS Equivalents==
		+
		+	(Display is inline by default unless indicated.)
		+
		+	* em - font-style:italic;
		+	* i - font-style:italic;
		+	* ul - display:block; text-indent: 40px;
		+

	[[Category:CSS]]		[[Category:CSS]]

@@ Line 1: / Line 1: @@
 For those who are fairly familiar with using CSS with HTML or XHTML, one might be familiar enough with how to define colors, etc., but still remain unaware of how to make a simple stylesheet.
-Since one cannot use @class as in X/HTML (though some processors might be able to use xml:id to be the target of the # id selector), one first ought to be familiar with the generic [http://www.w3.org/TR/CSS21/selector.html#attribute-selectors attribute selectors].
+Since one cannot use .class-name as in X/HTML (though some processors might be able to use xml:id to be the target of the # id selector), one first ought to be familiar with the generic [http://www.w3.org/TR/CSS21/selector.html#attribute-selectors attribute selectors].
 For example,