CSS Getting Started

Home » CSS (640) » Getting Started (73)

CSS Basics
Learn the basics of CSS, and start styling your web pages with selectors, declarations and values! CSS or Cascading Style Sheet is the language used to style and modify everything on your web site. It dictates the layout, flow, and the look and feel of your website.

Commenting your CSS code
A tutorial describing the proper way to implement comments in CSS.
It's important that you comment your code properly so that when you need to come back to it, you can quickly find your way around and change what you need to.

10 CSS3 Properties you Need to be Familiar with
We've already covered the thirty CSS selectors that we should all memorize; but what about the new CSS3 properties? Though most of them still require a vendor-specific prefix, you can still use them in your projects today. In fact, it's encouraged!

The 30 CSS Selectors you Must Memorize
So you learned the base id, class, and descendant selectors and then called it a day? If so, you're missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory.

Code a Stylish Portfolio Site Design in HTML & CSS
This week were going to code up the design into a complete working HTML and CSS website and add the finishing touches in the form of super duper jQuery effects

Basic Web Page Background Techniques
The good old background property is one of the core elements we can play around with in our web designs. Here's an overview of the four most common approaches to styling your web page body, from the basic solid colour through to large detailed background images. If you're just starting out in web design, you'll find some basic CSS techniques for you to put into practice into your future projects.

The Mysterious Pseudo Class
Pseudo classes are those things with colons in them, you know, like :hover or :link. They let you control the CSS of stuff in different forms, states and places easily and efficiently, without taking up too much room. CSS3 is going to introduce a ton of new pseudo classes, and they're going to make our lives a lot easier (if you take browser compatibility out of the equation).

CSS first-child and last-child selectors
The CSS selectors :first-child and :last-child are used to apply styling to the first and last child elements of the parent. :first-child is part of the CSS 2.1 specification and :last-child CSS 3 so support is slightly limited for :first-child and more limited for :last-child. A number of browsers also have issues applying the styling correctly after additional elements have been added dynamically.

30 CSS Best Practices for Beginners
CSS is a language that is used by nearly every developer at some point. While it's a language that we sometimes take for granted, it is powerful and has many nuances that can help (or hurt) our designs. Here are thirty of the best CSS practices that will keep you writing solid CSS and avoiding some costly mistakes.

Highlight gridview row on mouse over using javascript and css
In this asp.net tutorial you will learn how to highlight gridview row on mouse over using javascript and css in asp.net using c#. There are couples of methods to highlight rows of gridview on mouse over. I preferred first one which is OnRowDataBound event of GridView.

A Guide to Cleaner and Faster Coding
One of the simplest ways to speed up and clean up your coding is to learn CSS Shorthand. In order to fully grasp shorthand, it is helpful to already have a decent knowledge of CSS. I have put together a simple guide to bring you into the world of CSS Shorthand.

Learn CSS Link: Classes and Properties
Learn how to create and customise links or a tags in CSS. This detailed tutorial will teach you about all the link properties for customising fonts.

User Styling
Jon Hicks takes a peek at using CSS to apply custom user styles to change the appearance of sites within your own browser. Put your existing knowledge of CSS to good use to make your own browsing experience more pleasant and productive.

Using CSS To Center Content
Shows how to center any type of Web page content using CSS. Includes examples with explanations.

Shorthand Properties of CSS
Have you ever seen a CSS stylesheet with multiple attributes applied to the one property and wondered how it's done? Let's go through it and make your stylesheets that much better. By looking through this article you will not only save time styling your website, you will also make sure the page is a lot faster loading your website is judged within the first five seconds of someone visiting it

Wannabe Web Developer?
This tutorial brings basics and education resources to absolute web development beginners.

CSS Tutorial For Beginners
In this tutorial, you will learn how to: Create an external CSS file and link it to multiple HTML files; Embed and import a style sheet; Create inline style sheets; Use tap selector and class selector; Set up font sizes, colors, faces and styles; Set up background color and image; Set up margins, text-align and decoration; Create layers; Set up atributes of the table, and more...

Common XHTML tags defined in CSS
To make your life alot easier you can define the common XHTML tags you use on your webpages within your Stylesheet, doing this can define a certain tag globally and you’ll never have to modify it within your XHTML again! In this tutorial we will show you the XHTML tags you can define in CSS! If your just getting into CSS then this will be perfect knowledge for you later on!

From PSD to CSS/HTML in Easy Steps - Part 1
One of the hardest parts of converting a PSD design into a well structured and semantic CSS/HTML layout is first knowing where to start. Although that may sound simplistic and obvious, it really does matter how you begin and that you build on strong foundations to start with. In this series of articles I will take you step by step through the conversion process and look at decisions that need to made on the way and how those decisions may need to adapt as things progress.

Introduction : For Beginners
CSS is a new smarter way to apply style properties to HTML elements. Learn this well explained tutorial.

Home » CSS (640) » Getting Started (73)