Tips on using CSS with XML/TEI - Revision history

Brettz9: /* HTML to CSS Equivalents */

2010-06-16T06:31:57Z

HTML to CSS Equivalents

← Older revision		Revision as of 06:31, 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.)		(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.		// the following was obtained from resource://gre-resources/html.css , with the license terms under MPL 1.1/GPL 2.0/LGPL 2.1.

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

← Older revision		Revision as of 06:19, 16 June 2010
Line 26:		Line 26:
	* div - display:block;		* div - display:block;
	* em - font-style:italic;		* em - font-style:italic;
	* head - display: none;		* (head - display: none;)
	* i - font-style:italic;		* 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 */		* span - display:inline; /* unnecessary since default */
	* style - display: none;		* (style - display: none;)
	* title - display: none;		* (title - display: none;)
	* ul - display:block; text-indent: 40px;		* ul - display:block; text-indent: 40px;
	* (etc.)		* (etc.)

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

2010-06-16T06:18:42Z

HTML to CSS Equivalents

← 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;

2010-06-16T06:17:31Z

HTML to CSS Equivalents: spacing

← Older revision		Revision as of 06:17, 16 June 2010
Line 25:		Line 25:
	* div - display:block;		* div - display:block;
	* em - font-style:italic;		* em - font-style:italic;
	* head - ~~<pre>~~display: none;~~</pre>~~		* head - display: none;
	* i - font-style:italic;		* 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 */		* 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;		* ul - display:block; text-indent: 40px;
	* (etc.)		* (etc.)

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

2010-06-16T06:16:30Z

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

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

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

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

2010-06-16T06:05:41Z

HTML to CSS Equivalents: +blockquote

← Older revision		Revision as of 06:05, 16 June 2010
Line 22:		Line 22:
	(Display is inline by default unless indicated.)		(Display is inline by default unless indicated.)

			* blockquote - display:block; text-indent: 40px;
	* em - font-style:italic;		* em - font-style:italic;
	* i - font-style:italic;		* i - font-style:italic;

2010-06-16T05:58:55Z

HTML to CSS Equivalents: +etc

← Older revision		Revision as of 05:58, 16 June 2010
Line 25:		Line 25:
	* i - font-style:italic;		* i - font-style:italic;
	* ul - display:block; text-indent: 40px;		* ul - display:block; text-indent: 40px;
			* (etc.)

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

2010-06-16T05:58:36Z

html->CSS equivs

← 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]]

2008-03-04T14:25:58Z

small fix on CSS class referent

← Older revision		Revision as of 14:25, 4 March 2008
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.		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,		For example,