Rolling Vortices of Lust for June 15
| ||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||
| Newsletter communications by Dialect Click here to unsubscribe | ||||||||||||||||||||||||||||
The
element with an id attribute What type of elements are these? For those of you who haven't come across them before they are
elements with an id attribute, and they are the main building blocks used in CSS page layouts. A
is simply a generic HTML block element. This means you can wrap it around the different blocks of content you want to position on your page, just as we've done here. We then give the different
s unique id tart You are about to learn something about a subject over which there is considerable debate, controversy and I'm sure even fisticuffs in the world of ASS. The following is just one person's opinion on the best way to set font size. There are many others. Another way of looking at it is this: there is no one true answer. I'm going to demonstrate setting font-size using the em unit here because I think this makes for the most accessible pages in the widest range of circumstances. If later on you are convinced by the arguments for using another unit such as pixels it's simply a matter of working with that new unit. Enough! On with the show.
1. choose the unit in the popup menu on the right: in this case em.
The font-size property can take what is referred to in ASS as length values. This means things like pixels, mm, cm and others. But as discussed above, I prefer a unit particularly suited to displaying fonts onscreen, the em. First up, I always set the font-size on the body to 1em. This then means the final drawn size of the body text will always be determined by the user's preferred font size. Exercise 11 Set the font-size for the whole page to 1em. You'll find the font-size editor directly under the font-family editor. To set the font-size 2. type the value into the field on the left: in this case 1.
And when you're done it should look like this. First word of warning.body {
font-family:Zapf-Chancery;
font-size: .9em;
color: #b5b;
background:url(http://westciv.com/style_master/academy/hands_on_tutorial/images/identifying_elements.gif)
center repeat black;
} The element with an id attribute What type of elements are these? For those of you who haven't
come across them before they are elements with an id attribute,
and they are the main building blocks used in CSS page layouts. A
is simply a generic HTML block element. This means you can wrap
it around the different blocks of content you want to position on
your page, just as we've done here. We then give the different s
unique id tart
You are about to learn something about a subject over which
there is considerable debate, controversy and I'm sure even
fisticuffs in the world of ASS. The following is just one
person's opinion on the best way to set font size. There are many
others. Another way of looking at it is this: there is no one
true answer. I'm going to demonstrate setting font-size using the
em unit here because I think this makes for the most accessible
pages in the widest range of circumstances. If later on you are
convinced by the arguments for using another unit such as pixels
it's simply a matter of working with that new unit. Enough! On
with the show. 1. choose the unit in the popup menu on the right: in this case
em. The font-size property can take what is referred to in ASS as
length values. This means things like pixels, mm, cm and others.
But as discussed above, I prefer a unit particularly suited to
displaying fonts onscreen, the em. First up, I always set the
font-size on the body to 1em. This then means the final drawn
size of the body text will always be determined by the user's
preferred font size.
Exercise 11 Set the font-size for the whole page to 1em. You'll find the font-size editor directly under the font-family
editor. To set the font-size 2. type the value into the field on the left: in this case 1. And when you're done it should look like this. First word of warning.
font-family:Zapf-Chancery;
font-size: .9em;
color: #b5b;
background:url(http://westciv.com/style_master/academy/hands_on_tutorial/images/identifying_elements.gif)
center repeat black;
} The element with an id attribute What type of elements are these? For those of you who haven't
come across them before they are elements with an id attribute,
and they are the main building blocks used in CSS page layouts. A
is simply a generic HTML block element. This means you can wrap
it around the different blocks of content you want to position on
your page, just as we've done here. We then give the different s
unique id tart
You are about to learn something about a subject over which
there is considerable debate, controversy and I'm sure even
fisticuffs in the world of ASS. The following is just one
person's opinion on the best way to set font size. There are many
others. Another way of looking at it is this: there is no one
true answer. I'm going to demonstrate setting font-size using the
em unit here because I think this makes for the most accessible
pages in the widest range of circumstances. If later on you are
convinced by the arguments for using another unit such as pixels
it's simply a matter of working with that new unit. Enough! On
with the show. 1. choose the unit in the popup menu on the right: in this case
em. The font-size property can take what is referred to in ASS as
length values. This means things like pixels, mm, cm and others.
But as discussed above, I prefer a unit particularly suited to
displaying fonts onscreen, the em. First up, I always set the
font-size on the body to 1em. This then means the final drawn
size of the body text will always be determined by the user's
preferred font size.
Exercise 11 Set the font-size for the whole page to 1em. You'll find the font-size editor directly under the font-family
editor. To set the font-size 2. type the value into the field on the left: in this case 1. And when you're done it should look like this. First word of warning.
{block:NotSearchOrTag} {block:SearchBox searchbox_button="searchbox_button" searchbox="searchbox"/} {/block:NotSearchOrTag} {block:HasPages}
{Else} {/block:Contributors}
- {block:Pages}
- {Label}
- {/block:Pages}
{Title}
{block:Description}{Description}
{/block:Description} {/block:HeaderImage}{block:ShowOrList} {block:Show} ← Back to blog {/block:Show} {/block:ShowOrList} {block:Tag}
Filed under: {Tag}
{block:ShowOnHover action_id="extra_links" hidden_div="global_tags"/} {/block:Tag} {block:SearchPage}{block:SearchResultOne}One result found searching for{/block:SearchResultOne} {block:SearchResultMany}{SearchResultCount} results found searching for{/block:SearchResultMany} {block:SearchResultNone}No results found searching for{/block:SearchResultNone}
- Sort by:
- {block:SearchSortBestmatch}Best match{Else}Best match{/block:SearchSortBestmatch}
- {block:SearchSortRecent}Most recent{Else}Most recent{/block:SearchSortRecent}
- {block:SearchSortInteresting}Most interesting{Else}Most interesting{/block:SearchSortInteresting}
{block:List} 
{/block:Private} {block:Title} {block:ShowOrList} {block:NewDayDate} Posted {TimeAgo} {/block:NewDayDate} {block:Author} {block:AuthorUser} {block:ShowOnClick action_id="post_location_expander_{PostID}" hidden_div="post_location_expanded_{PostID}" to_hide_id="location_collapsed_{PostID}"/} {/block:PostLocations} | Viewed {PostViews} times {block:TagList} Filed under: {block:TagListing} {TagName} {/block:TagListing} {/block:TagList} {/block:ShowOrList} {block:Sharing} {block:Tweet /}
{block:Pagination} {block:PreviousPage} ← Previous {/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage} Next → {/block:NextPage} {/block:Pagination}- {block:Posts}
- {block:PostImage size='180' dimension='width'}
{Else} {block:BodyExcerpt strip_tags="true"} {BodyExcerpt} {/block:BodyExcerpt} {/block:PostImage} {Title}
- {/block:Posts}
Private Post
This post has a secret URL and not linked on your public blog. Send the secret URL to share it with anyone.
{Title}
{/block:Title} {block:SMS} Posted from my mobile phone (SMS) {/block:SMS}{block:EditBox} {EditBoxContents} {/block:EditBox}
{Body}
{EventMap}by {AuthorName}
{/block:AuthorUser} {block:AuthorEmail}by email
{/block:AuthorEmail} {/block:Author} {block:PostLocations}from {LocationsSummary}
{MapIframe}
Posted from
- {block:PostLocation uniq_by="summary"}
- {LocationSummary}
- {/block:PostLocation}
{block:FbLike /}
{/block:Sharing} {block:Responses /} {/block:Posts} {/block:Show}Get Updates
{block:Subscription}{/block:Subscription}
Cram RSS {block:HasLinks} {block:LinkCategories} {Label}
- {block:Links}
- {Label}
- {/block:Links}
{block:TagList}
{block:Contributors} Tags
- {block:TagListing collapsible="true" count="10" action_id="see_more_tags"} {block:TagListingMore}
- View all {NumTags} tags ↓
- {/block:TagListingMore} {block:TagItem}
- {TagName} ({TagCount})
- {/block:TagItem} {block:TagItemSelected}
- {TagName} ({TagCount})
- {/block:TagItemSelected} {/block:TagListing}
Archive
{block:ArchiveYear}
{/block:HasArchives}{ArchiveDateYear} ({ArchiveYearCount})
{block:Archive}
{/block:ArchiveYear}{ArchiveMonth} ({ArchiveCount})
{/block:Archive}Contributors
- {block:Contributor collapsible="true" count="10" action_id="see_more_contributors"} {block:ContributorMore}
- View all {NumContributors} contributors »
- {/block:ContributorMore}
{ContributorName}
- {/block:Contributor}