Preview

Introduction to Css

Powerful Essays
Open Document
Open Document
14423 Words
Grammar
Grammar
Plagiarism
Plagiarism
Writing
Writing
Score
Score
Introduction to Css
CSS Introduction
« Previous
Next Chapter »

What You Should Already Know
Before you continue you should have a basic understanding of the following: * HTML / XHTML
If you want to study these subjects first, find the tutorials on our Home page.

What is CSS? * CSS stands for Cascading Style Sheets * Styles define how to display HTML elements * Styles were added to HTML 4.0 to solve a problem * External Style Sheets can save a lot of work * External Style Sheets are stored in CSS files

CSS Demo
An HTML document can be displayed with different styles: See how it works

Styles Solved a Big Problem
HTML was never intended to contain tags for formatting a document.
HTML was intended to define the content of a document, like:
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
When tags like <font>, and color attributes were added to the HTML 3.2 specification, it started a nightmare for web developers. Development of large web sites, where fonts and color information were added to every single page, became a long and expensive process.
To solve this problem, the World Wide Web Consortium (W3C) created CSS.
In HTML 4.0, all formatting could be removed from the HTML document, and stored in a separate CSS file.
All browsers support CSS today.

CSS Saves a Lot of Work!
CSS defines HOW HTML elements are to be displayed.
Styles are normally saved in external .css files. External style sheets enable you to change the appearance and layout of all the pages in a Web site, just by editing one single file!
CSS Syntax
« Previous
Next Chapter »

Examples * Look at Example 1 * Look at Example 2

CSS Syntax
A CSS rule has two main parts: a selector, and one or more declarations:

The selector is normally the HTML element you want to style.
Each declaration consists of a property and a value.
The property is the style attribute you want to change. Each property has a value.

CSS

You May Also Find These Documents Helpful

  • Good Essays

    It is a tool that you can use to eliminate repetitive types of information on your web pages. It is a file the server includes in a web page before sending it out to a browser. It uses headers, navigation panels, and footers. It’s useful because you only need to change one file and every web page using that element picks up the update.…

    • 411 Words
    • 2 Pages
    Good Essays
  • Satisfactory Essays

    The purpose of every website design is to motivate a response from your visitor. Color in Web page design is a crucial element in creating a sense of order and balance. Color can make the difference between a website design that is dull and lifeless to a website that is stimulating and positive. Overuse and misuse of color can also create a Web page design that is over stimulating and chaotic, which leads to confusion. Color, as an essential piece of website design, shouldn 't be overlooked as the emotional response to color can dramatically impact your online sales. (www.networksolutions.com – 2013)…

    • 775 Words
    • 4 Pages
    Satisfactory Essays
  • Good Essays

    It237 Week 2 Checkpoint

    • 414 Words
    • 2 Pages

    Throughout this paper I will be describing external, embedded, and inline types of cascading style sheets. Also, I will be providing a pro and a con for each type of cascading style sheet.…

    • 414 Words
    • 2 Pages
    Good Essays
  • Satisfactory Essays

    Additions in Properties include border-radius, image-source, image-slice, and the values for width outset and stretch have been added in CSS3. It also features properties for managing boxes like shadowing, wrapping and breaking have been added. The best part of CSS3 is that it has done away with complex structures for div tag and makes it easy for hassle free designing of multiple table-less columns. This can be simply done by putting in the number of columns in the browser that need to be added in the body element along with their width, color and height to make the text flow through the columns with ease.…

    • 272 Words
    • 1 Page
    Satisfactory Essays
  • Powerful Essays

    Discuss how the design, function and content of web pages influence the meaning and value of information.…

    • 1924 Words
    • 8 Pages
    Powerful Essays
  • Good Essays

    Nt1310 Final Exam

    • 746 Words
    • 3 Pages

    If you have several Web pages and need a consistent style that can be easily updated, __________ is a good choice.…

    • 746 Words
    • 3 Pages
    Good Essays
  • Powerful Essays

    Vb Sof 540

    • 11992 Words
    • 48 Pages

    An HTML document is similar to a word-processing document in that it specifies how a particular text element will appear.…

    • 11992 Words
    • 48 Pages
    Powerful Essays
  • Good Essays

    Color schemes of a website are very important; they need to remain consistent in which ever type of scheme has been chosen for the website. When a user visits a website and the colors clash it can be very displeasing to the eye if the user realizes it or not. Often users stick around to pleasantly colored website and are more attracted to them than if the colors do not match or are inconsistent throughout the whole site.…

    • 1154 Words
    • 5 Pages
    Good Essays
  • Satisfactory Essays

    Using the links below and Internet research, list the usage for each of the HTML tags in the table below.…

    • 242 Words
    • 1 Page
    Satisfactory Essays
  • Satisfactory Essays

    Css Description Types

    • 455 Words
    • 2 Pages

    Cascading Style Sheets (CSS) is a language that is used to create one or more documents that control the appearance of some or all the pages at your Web site (Bojack, 2007). CSS styles have three categories: external, embedded, and inline. Each of these categories has its own pros and cons to using them. Each one is chosen to use based on the circumstance of what you are trying to achieve on your Web page.…

    • 455 Words
    • 2 Pages
    Satisfactory Essays
  • Good Essays

    Inline cascade sheets can be applied to individual elements on a page. Inline cascading sheets are recommended for use on websites with more than one page. Inline cascading sheets are easy to salvage and maintain. The disadvantage of inline cascading sheets is the disorganized layout in HTML. Although there are many options when applying CSS to HTML documents, one has to find the one most suitable to assist when maintaining one’s website.…

    • 261 Words
    • 2 Pages
    Good Essays
  • Satisfactory Essays

    Cascading Style Sheets

    • 364 Words
    • 2 Pages

    There are three types of cascading style sheets, or CSS. The first is the inline style sheet, it is limited in it's abilities. The most common reference would be tag editing, this is a specified modification. This allows for different display options for sections in your pages. This isn't the easiest thing to use, I have had trouble getting some of these tags to line up the way I want them to on the page. The next is the embedded style. An embedded style is one that directs the entire page it is applied to. I see it as a universal styling, making it quicker to edit. An embedded style is just that, embedded into the head of the page. This can be good for editing multiple tags on one page, I like to use this when I can. I would have to say that I do not use it a lot, I tend to change many tags individually. The last style is external style and it too, is just like it says, a written external document, attached to different web documents. An external style is a more widespread option to use. It can effect the whole website site, defining different tags in different pages. I like to use this type, I have a theme that can keep many parts of it's main theme intact throughout the website. This makes for easy maintenance and since the site isn't intend for extravagance, I can use many of the same colors and displays. My viewers will be more interested in the site content in my opinion. Plus the sharing pages can be practically identical, maybe just a different picture. I will probably use all three for different aspects of my site. I think I want to keep the maintenance low and the purpose simple, so I will stick to many of the same styles for the pages. I think external is a good one as well, creating a document separately and using it for applying to multiple tags. It can be easy to replace if you want and…

    • 364 Words
    • 2 Pages
    Satisfactory Essays
  • Powerful Essays

    Blotskiy, A. (2010, November 5). Silverlight, HTML5, and Microsoft’s Opaque Development Strategy. Retrieved October 16, 2013, from Soft Theme Blog: http://blog.softheme.com/silverlight-html5-and-microsofts-opaque-development-strategy/…

    • 4922 Words
    • 20 Pages
    Powerful Essays
  • Satisfactory Essays

    CSS Description Types

    • 427 Words
    • 2 Pages

    PROS: One style sheet can define style for many web pages or an entire website. Change settings in the style sheet…

    • 427 Words
    • 2 Pages
    Satisfactory Essays
  • Good Essays

    Extra, Extra read all about it! While millions of people still rely on the good old black and white every day, it is the perfect example of a static media. Once it is printed a newspaper can no longer be changed, its type has been set and one will simply have to wait until the next edition to recieve the quote unquote latest news even if it has broken minutes after the paper has been delivered to your doorstep. Similarly, once a static website has been published it too will not change until the next edition; whenever the webmaster or someone familiar with HTML, or flash edits the content.…

    • 5228 Words
    • 21 Pages
    Good Essays

Related Topics