Site Meter Web Dev Notes » CSS

CSS

How to insert CSS on your Website

Friday, March 28th, 2008

There are three different ways you can include CSS on your website.

  1. Link to a .CSS file
  2. Write the CSS between the head elements of your web page
  3. Mix the CSS with the HTML by using the style attribute of the HTML tags

1 - Link to a .CSS file

<head>
<link rel="stylesheet" type="text/css"
   href="cssFileName.css" />
</head>

2 - Write the CSS between the head elements of your web page

<head>
<style type="text/css">
   body {background-color: blue}
   h1 {color:white; font-size:12pt}
   p {margin-left: 10px}
</style>
</head>

3 - Mix the CSS with the HTML by using the style attribute of the HTML tags

<p style="margin-left: 10px">
   This paragraph will have a 10 pixel margin on the left!
</p>

Always test the results of changes to your CSS in as many browsers as you can! I find I get the least frustrated when I get the CSS working as desired in Firefox first, then test to see if it works in Internet Exlporer. Often it will! However, when I get my CSS to work with Internet Explorer first, it rarely works in Firefox upon testing!

Learn How To Fit 67 Articles Inside One

Saturday, March 22nd, 2008

Remember back in April when I became the new writer for Web Dev Notes? I started off by introducing Joomla, PHP-Nuke, phpBB and PHP. I even recommended some cool software like the ALT-Tab Replacer, Virtual Desktop Manager and the Firebug plugin for Firefox. After a slow start, I finally got my big break when my article Formatting Text in Wordpress started to bring in steady traffic!

In my early Web Dev Notes days I stuck to covering more technical topics such as how to insert CSS on your website or how to create your first PHP page. However, after testing out the use of humor in posts like the Top Ten Stupidest Joomla! Administrator Tricks and When will GoogleBot index my Brain I discovered that this unique approach was actually quite well received! I also realized website marketing and SEO was a very popular aspect of web development so I decided to venture into this area with posts like The Battle for Traffic - SEO vs Content, No Contacts, No Money and Validate Your Website for Better SEO!

Of course, even though I would later discover that marketing and SEO would be a very popular topic on my blog, at the time I had no idea yet! Looking at my stats, the posts about PHP were the most trafficked so I decided to cover this area more extensively! In May I introduced some great web development resources and then discussed the relationship between PHP and a Web Server/Browser in order to build a solid foundation before diving right into PHP for the rest of the month. I then covered how to comment PHP code, the debate over using Print or Echo, how to use variables, how to use concatenation with variables and variable naming conventions. Using this introductory material, I was then able to go even deeper and cover topics like using arrays, if/else programming logic, nested IF/ELSE conditional statements, and PHP Loops. Since the topic of loops is already an extensively covered subject, I decided to make my articles sound unique by naming them, “The magic of WHILE Loops“, “The incredible FOR Loop Multi-Tasker“, and “The FOREACH Loop Love Affair with Mr. Array“.

In order to stay informed, I subscribed to many RSS feeds relating to my topic. In so doing I noticed that Digg and Google were two very popular topics. I decided to explore these subjects a bit with articles like, “List of Google Hoaxes“, “Who’s Digging You?“, “Google’s PageRank Explained by Phil Craven“, “Declare Warr on Digg Doondles!“, “I Hacked Google and Stole Their Robot lolol“, and “Are Your Archives Burying You Worse Than Digg“. These articles continue to bring in traffic to this day!

During the month of June I was taking a course on Interface Design so decided to cover similar topics on Web Dev Notes. I began by discussing the advantages of using personas during development and then decided to list nine causes of software error before discussing software quality and the three general principles of quality assurance. I introduced the subject of human/computer interaction and demonstrated how good design can help us better interact with computers. In fact, making the interaction between humans and computers as easy as possible is an important goal of improved user interface design. I also mentioned that building the right product is even more important than building a product right.

It was around mid-June when I also began to notice how well my SEO, blogging and marketing tips posts were doing! I therefore decided to write about the guaranteed way to generate incoming links and conquering the crowded niche! I also wrote about some issues I was having with trying to follow my own advice when I noticed my trackbacks were being kidnapped and asked if it were possible if my bullets were killing them! Not wanting to stray too far from the very roots of web development, I also introduced the Pixel Groovy website, discussed how to created animated favicons and threw in 21 CSS tutorials answering frequently asked questions.

During the month of July I continued to cover a lot of marketing topics. I created a new Top 11 Posts section and asked if people thought linking to other sites increases incoming traffic. I also started to learn a great deal about blogging and realized that my very own archives contained in itself the power to help WebDevNotes succeed. I therefore stopped considering old posts like dirty socks thrown into a laundry bin, and instead began viewing them as cornerstone content that should be linked back to frequently so that new visitors could access my best content easily.

128298538306407500iminursoxst.jpg

Upon making this realization, I began offering my visitors some blogging advice with the help of Lolcats to make the posts more fun and easy to read. For example:

Don’t let Chihuahua’s hold back your website! Start working with the purrrrfect partners and plot your plan for success. Make sure you plant the seeds for success early and listen to feedback so you can feed your readers a happy meal. Make good use of article directories and other marketing techniques and never forget the secrets to writing a successful blog!

In conclusion, to those who say linking to old content is difficult, I beg to differ! Don’t let those archives go to waste ;)

21 CSS Tutorials Answering Frequently Asked Questions

Friday, June 15th, 2007

Ahhh…..! It’s been a very busy morning so please forgive today’s short post! I’ll owe all you loyal visitors a long one Monday to make up for it! :)

Since I don’t have much time to write this morning, I’ll instead direct you to a great CSS tutorial which covers the following topics:

    1. What Is CSS (Cascading Style Sheets)?
    2. What Is the Basic Unit of CSS?
    3. How Many Ways to Attach CSS to HTML Documents?
    4. How To Include CSS Inside a HTML Tag?
    5. How To Include CSS Inside the HEAD Tag?
    6. How To Store CSS Definitions in External Files?
    7. How Many Ways to Select HTML Tag Instances?
    8. What Is a Class Selector?
    9. What Is a ID Selector?
    10. What Is a Contextual Selector?
    11. What Is a Group Selector?
    12. What Is a Mixed Selector?
    13. What Are the Pseudo Classes on Tags?
    14. How To Group CSS Definitions Together?
    15. What Is Style Property Inheritance?
    16. What Is CSS Cascading?
    17. What Are the CSS Cascading Order Rules?
    18. How To Remove the Top White Space of Your Web Page?
    19. How To Set Different Text Fonts Inside Tables?
    20. How To Use Class Selectors to Differentiate Tag Instances?
    21. How To Use IDs to Override Classes?

Go read the 21 CSS Tutorials Answering Frequently Asked Questions

Great Web Development Resource

Friday, May 4th, 2007

If you’re looking for a place to get started with Web Development, I highly recommend the tutorials at w3schools.

I’ll be working on some PHP tutorials this weekend to post next week. w3schools is a great place to learn the basics of both PHP and HTML which are needed to start creating fun and dynamic web pages.

About Web Dev Notes

Your one stop destination for anything and everything related to web development

Web Dev Notes Author(s)
    » Deceth

Blogging Flair

New Media, Web 2.0 Channel Posts

  • Podcasting Transcription
    A Guest Post from Tishia Lee of Tishia Saves Time: When I first started offering transcription services as part of my Virtual Assistant business, transcribing podcasts was not something I [...]
  • Don't Dabble - Make A Commitment
    If you want to get the best bang for your buck, plan on podcasting for the long haul. Podcasters who “test” things out with one or two podcasts and then give up may think that they've given [...]
  • A Question of Podcasting Frequency
    This follows up on yesterday's post about not dabbling in podcasting but rather to make a commitment. Podcasting on a schedule is important when building a community and an audience. Don’t have [...]
  • Do You Twitter About Your Podcast?
    Whenever I release a new episode of Work at Home Moms Talk Radio is pop the link up on my Twitter and invite my followers to come check it out. This has brought me several first time listeners which [...]
  • Looking for Podcast Outsourcing?
    I mentioned having my podcast audio's transcribed in my last post. In case you wonder - no, I do not transcribe them myself. (Shudder the thought - I did enough transcription to last a lifetime in [...]
  • Business Podcasting Benefit: Be An Industry Thought Leader
    I often ask people 'Why haven't you started your podcast yet?' and a common reply is 'I don't feel like I'm enough of an expert to cover the topic I'm interested in.' Enough of an expert? [...]
  • Business Podcasting Benefit: More Content
    Building a business on the web requires that you generate a lot of content. Content on your website draws traffic both through search engines (people searching for your content) and through links [...]
  • Business Podcasting Benefit: Deeper Relationships
    A website visitor is just a website visitor. You can't really say that you have a relationship with someone who has only visited your website can you? But when the web visitor subscribes to [...]
  • Business Podcasting Benefit: Increased Market Exposure
    When you consider how many millions of people are walking around with iPods and other Mp3 players you have to wonder, wouldn't it be awesome if they came looking for you? Well they do. Ipod [...]
  • D'ya Know Your Podcasting ABCs?
    I embarked on a fun little project this winter in which I have been working my way through the alphabet, looking for words for each letter that I could apply to the subject of podcasting. I've [...]

Hot Off The Press

  • Nom Nom Nom, yummy stuff, nom nom nom
    Technorati Tags: Wentworth Miller,Rob Lowe,Cam Gigandet,Justin Bruening,Dominic Purcell,Amaury Nolasco,Henry Simmons,Blair Underwood,Prison Break [...]
  • Smackdown! 10/10/08 - Videos
    SmackDown! 10/10/08 [...]
  • Ministry
    With so many options for ministry and reaching out to others with the Gospel; helping others with their physical needs, such as food and clothing, giving time to help at a nursing home, doing [...]
  • I Don't Like the Tone of Voice
    I don't like the tone of voice that my husband and I are raising our children in.  I know, that sentence shouldn't end with a preposition, but blah, this post may not have any punctuation.  [...]
  • Safe Halloween for Missouri Kids
    This year the children should be safe from sex offenders in their area, as long as the offenders actually abide by the law. A new law has come out and the offender MUST post a sign outside their home [...]
  • Fuckin Period
    Here is why having a period sucks. First of all, it is totally taboo to talk about in the public. I could be suffering and feeling ill from cramps, bloating, and any of the other symptoms - it [...]
  • Promo Images from Episode 3.07, “Eris Quod Sum”
    Here are several images from episode 3.07, “Eris Quod Sum.”  Kristen Bell fans will be pleased to see that she is back. Looks like we’ll be seeing a big fight between Elle and the [...]
  • My first post here where I go off on the husband...
    Ok, I want him to take some mental responsibility here.  I want him to take some of the grief out of my brain and carry it around in his brain for a little while.  Over 3 months ago I [...]
  • More Promotional Images from Episode 3.05, “Angels and Monsters”
    NBC has been busy releasing promo images for episodes 5, 6, and 7.  In this set, from episode 5, “Angels and Monsters,” we get our first look at villain Stephen Canfield, known as Vortex, as [...]
  • What's Up Austin: The Weekend Line-up for 10/11/08
    It looks like it's going to be a beautiful weekend to be out and about in our wonderful city. I don't know about you but I just love this time of year. The weather has cooled down and yet it's still [...]