New!
Customizing Basic Unordered Lists Using CSS
Unordered lists can be powerful tools for making an article or blog post easier to read. Internet surfers do not like to spend a lot of time on one web page looking for specific information, so lists can be effective for driving home a point or summarizing the content of a page. Unordered lists are not necessarily aesthetically pleasing, but adding some simple code to your CSS style sheet can make a drastic improvement. Creating an … Read entire article »
Featured Articles
Floating Images with CSS
No web page is complete without images, even if they serve no … Read more »
How to Use Twitter Hashtags
“Use Twitter to promote your website!” That’s the wise advice that … Read more »
WordPress: How to Wrap Two Paragraphs around One Image
There is a seriously annoying issue with WordPress: it is almost … Read more »
Popular Articles
Customizing Basic Unordered Lists Using CSS
Unordered lists can be powerful tools for making an article or blog post easier to read. … Read more »
CSS Paragraph and Div Tags
Our sample web page also uses <h1>, <p>, and <div> tags. Those must also be defined. The … Read more »
Promoting Your Website with Social Media Buttons
Social media buttons just might be what you need to give your blog that extra boost in … Read more »
Recent Articles
Customizing Basic Unordered Lists Using CSS
Unordered lists can be powerful tools for making an article or blog post easier to read. Internet surfers do not like to spend a lot of time on one web page looking for specific information, so lists can be effective for driving home a point or summarizing the content of a page. Unordered lists are not necessarily aesthetically pleasing, but … Read entire article »
HTML Lists
HTML lists are useful for organizing ideas with many points. For example, I could use an unordered list to create bullets for listing: my shopping items; examples to help illustrate my point; items that would normally be separated by a comma into a more easy-to-read list. Ordered lists use numbers for each item. They are useful for listing things such as the four most useful iPhone apps, giving 30 reasons why you should use CSS, or dividing a task into steps that should be followed sequentially. Grab a Clorox wipe. Wipe down your keyboard and mouse. Throw the wipe into the trash. Grab a cotton cloth. Dampen the cloth with alcohol. Clean the monitor. Another useful list is a definition … Read entire article »
CSS Text Properties
Text properties can be defined within the CSS style sheet or inline with the text in the XHTML/web page file using the <span> </span> tags. The following example uses only three properties. Letter Spacing Letter spacing defines how much space is between each letter. The value can be set to either normal or a specific length. <span style="letter-spacing: 4px">This text has … Read entire article »
Formatting CSS Fonts
Fonts are highly-customizable with CSS. You can do all sorts of silly things, although some definitely are not recommended. CSS style properties can be defined within the CSS file, but they can also be used inline. That is, in the XHTML file. This is easily done by using the <span> </span> tags. The “style” attribute … Read entire article »
CSS Text Alignment Using <div> Tags
Aside from designating a default text alignment for the body, it is also necessary to define some <div> classes in case other alignments are needed. Begin by naming <div> classes for each alignment. In this example, we will call these classes alignleft, alignright, aligncenter, and alignjustify. The text-align property is used to define each class. The following goes into the CSS style sheet. div.alignleft { text-align: left; } div.alignright { text-align: right; } div.aligncenter { text-align: center; } div.alignjustify { text-align: justify; } <div class=”respective class label here“> is used in the XHTML file. <div class="alignleft">This text is aligned to the left.</div> <div class="alignright">This text is aligned to the right.</div> <div … Read entire article »
