The Top 5 CSS Tricks

Top 5 CSS Tricks review
0 Flares Twitter 0 Facebook 0 Google+ 0 StumbleUpon 0 Pin It Share 0 0 Flares ×
Rating:

CSS is a method of web design used by many people in the field of technology (but also related professions). CSS stands for cascading style sheets, and they can help you to make websites for your business, organization or personal use. It can be difficult for some to master, but it can also be much easier with some simple tips. Here’s what you need to keep in mind to get the most out of this method.

Fonts

On any site, fonts are going to have a major impact. They allow the reader to either clearly be able to see what it is that you are writing or want to move over to another site. In WebCredible’s article “Ten CSS Tricks You May Now Know,” writer Paul McCarthy notes that “When styling fonts with CSS you may be doing this:

“font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif”

There’s no need though, as you can use this CSS shorthand property much more easily and quickly:
“font: bold italic small-caps 1em/1.5em verdana,sans-serif.” Clearly, this method is much simpler.

Printing Documents

With any website, you obviously want to make it printer-friendly or people are not going to be able to use it. McCarthy goes on to note that instead of getting complicated here, you can simply use this code:

<link type=”text/css” rel=”stylesheet” href=”stylesheet.css” media=”screen”><link type=”text/css” rel=”stylesheet” href=”printstyle.css” media=”print”>

See how much easier life can be??

Background Colors

One of the other methods that McCarthy talks about is the use of background color. Of course, you want to make sure that the color fills the page and is accessible all over. You might currently be using some rather convoluted and complicated methods to accomplish this task. Instead of going to all this trouble, it’s possible to simply use #navigation

{background: blue;
width: 150px}

Of course, you will want to include the appropriate colors and widths to make sure that the page looks exactly as you want it.

Minimum Width

As you probably know already, the width can really affect how a page looks. If the site becomes too small, it might become unreadable. Paul McCarthy writes another article entitled “Ten More CSS Tricks You May Not Know,” and he talks about minimum width in them. When you want to have a minimum width on your website, you don’t want to make a difficult situation for yourself. So, think simple. Just use <body>. After that, you should also include #container

{min-width: 600px;¬†width:expression(document.body.clientWidth < 600? “600px”: “auto” );}. McCarthy notes that “The first command is the regular minimum width command; the second is a short JavaScript command that only IE understands”

Taking a Course

What’s one more trick you can use to get to know more about CSS? The smartest decision would be to take a class on it. Anything beyond this level of difficult would be best learnt one-on-one. In doing so, you will learn more about the discipline, and you will also be able to ask an array of questions that address your specific concerns for your needs. You may also establish some great business connections that will come in handy for years.

Learning how to use CSS can be a difficult undertaking, but once you get the hang of it, you’ll be able to create some truly beautiful websites. Practice makes perfect, after all!

Ryan Sanchez writes about all things related to technology and education at www.bestcomputerscienceschools.net.

About author View all posts

Ryan Sanchez

1 CommentLeave a comment

  • There are many tricks and cheats available for CSS, but reading the write-up provided me the ones that are of utmost importance.

     

Leave a Reply

Your email address will not be published. Required fields are marked *