CSS | Wiztech IT solutions

Home » CSS

How Would You Recommend a Novice Get Started Using CSS?

I just finished reading the article How Would You Recommend a Novice Get Started Using CSS? by Chris Coyier on CSS-Tricks. He says: I get this one a lot and it’s surprisingly difficult to answer. The problem is that the question doesn’t include the persons background, which will in many ways determine the best course of action. * Are you literally just getting started in web design? As in, you have never designed a website before? * Have you designed web sites before, but never with CSS? As in, you are coming from a table-based mindset? * Have you designed sites (graphically) before, but...

Structural Naming Convention in CSS

Structural naming convention means that you name you elements for what they do rather than where they are located or how they look. When you assign a class or id for the masthead area of your page, you would then name it banner or masthead rather than top-div. Naming the elements for where they are located or how they look is called presentational naming. « SEO TRAINING CLASS – NEW SESSION How Color Choices in Your Web Design Impact the User Experience » Structural Naming Convention in CSS Dec 4th, 2008 by Patricia Geary Structural naming convention means that you name you elements for...

CSS Image Effects

Site Logo/ Watermark Script FF1+ IE6+ Opr8+ This is a site logo/watermark script that lets you display a static image at any of the four corners of the browser, never going out of sight. It’s useful for branding purposes, or to offer visitors an easy way to jump back to your site’s homepage from anywhere on the page. The logo can be set to disappear after x seconds. jQuery Image Warp FF1+ IE6+ Opr8+ jQuery ImageWarp adds an interesting “warp” effect to select images on your page so clicking on them causes the image to expand temporarily before reverting back to the...

CSS Special Document Effects

Special Document Effects Drop-down document viewer FF1+ IE5+ Opr7+ Use this versatile DHTML script to allow your visitors to select and view external documents from your site. The selected page is loaded either in an inline frame, or optionally in a new window. Drop-down document viewer II FF1+ IE5+ Opr7+ Version II of the original drop down document viewer above, this script uses text links instead to allow your visitors to select/ view external documents from your site. jQuery Scroll to Top Control FF1+ IE6+ Opr7+ If your pages are...

CSS Structure and Rules

Basic Syntax Rules Selectors Any HTML element is a possible CSS1 selector. The selector is simply the element that is linked to a particular style. For example, the selector in P { text-indent: 3em } is P. Class Selectors A simple selector can have different classes, thus allowing the same element to have different styles. For example, an author may wish to display code in a different color depending on its language: code.html { color: #191970 } code.css { color: #4b0082 } The above example has created two classes, css and html for use with HTML’s CODE element. The CLASS attribute is...

Cascading Style Sheets

Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can also be applied to any kind of XML document, including SVG and XUL. CSS is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation, including elements such as the layout, colors, and fonts.[1] This separation can improve content accessibility,...