If you’re new here, you may want to Subscribe to my Updates or to my RSS feed. Thanks for visiting!Now that you’ve learned all the basics of CSS, it’s time for a little bit of fun using that information.
Using CSS to add a shadow to your images.
This is a great technique for making your [...]
Enjoyed this post? Then make sure you subscribe to my updates.
While what we were working on above referred a lot to the style.css, we need to cover one more thing before we move on to some fun stuff.
The code for external style sheets and internal style sheets is the same. The only difference being that the internal style sheets are place in the <head> [...]
Enjoyed this post? Then make sure you subscribe to my updates.
We can place as many css defines as we want. You’ve probably seen pages full of these if you’ve every had a look at a .css file before. You open it up, your jaw hits the desk and you quickly close the page not wanting to disturb the monster.
Next time you open one, [...]
Enjoyed this post? Then make sure you subscribe to my updates.
Hi, I take it that you’ve mastered the font-size and text-transform elements by now and are ready to tackle something a little heartier.
Good! Let’s jump into Internal Style Sheets.
All the same elements and values apply as they did above, we will just list them differently. Instead of being directly “inline” in the [...]
Enjoyed this post? Then make sure you subscribe to my updates.
CSS has immense possibilities, right? But we’re almost there. Let’s continue ….
vertical-align
<p style=”vertical-align:super”>
baseline
Places at the baseline. Common around pictures.
sub
Created subscript, which will place the character slightly lower than the surrounding characters as you would expect to see in H2O which is a common example of subscript.
super
Creates superscript which is common in pricing, $19.99, this could [...]
Enjoyed this post? Then make sure you subscribe to my updates.
Let’s continue with our cascading style sheets properties and values.
word-spacing
<p style=”word-spacing:20px”>
<p style=”word-spacing:-0.4px”>
This sets the distance between words. I can hear you saying, “Nooooo”, haha, Yes, it is! Choose between normal, which is default or set a length. It is possible to use a negative number here to crunch the words together or overlap.
letter-spacing
<p style=”letter-spacing:10px”>
<p [...]
Enjoyed this post? Then make sure you subscribe to my updates.
We’ll be sticking with the <p> (paragraph) tag to keep this simplified for the time being but you can also use style tags with other font tags and not just the paragraph tag. Like your <H1> (heading) tags for instance. We’ll get back to this a little later though. Just wanted to [...]
CommentEnjoyed this post? Then make sure you subscribe to my updates.
To use inline styles, you use the, …. (drumroll please)….
… style tag, otherwise known as the style attribute.
Did you guess correctly? You can say yes, No one will ever know but you.
If you’ve ever taken a peek inside your html or source code, then you may have seen these little critters [...]
Enjoyed this post? Then make sure you subscribe to my updates.
