CSS_Basics - CSS Basics by Marie Taylor-Harper In the...

Info iconThis preview shows pages 1–3. Sign up to view the full content.

View Full Document Right Arrow Icon
CSS Basics by Marie Taylor-Harper I n the beginning there was only HTML (Hypertext Markup Language), which was, at the time, satisfactory for the people using it who were mainly scientists whose purpose was to share information with their colleagues. The initial type of information displayed in their pages was text but this soon grew to include other types of information such as images. Later, as more people entered the realm of the web, there became a bigger demand on things HTML could not offer such as traditional layout techniques that "designers" use. To account for these new technologies were introduced and developed. These new technologies ultimately gave the web designer and developer more control over the appearance of their web pages. Now, the once "hacked" pages that were created by designers and contained slow loading graphics could be created using faster loading code. This new technology was known as Cascading Style Sheets or CSS. CSS is now used with both XML and HTML documents. The Definition of a Style A STYLE is purely and simply a means by which to customize or define a tag. The "customization" or definition is just a collection of different properties such as boldface, italics, font-size, font weight, color, etc., that you wish to apply to a segment of text using a single name. Each style created belongs to a unique entity such as an element (or tag) and as a result, the application of these unique entities allows us to customize our web documents. The long-term benefit of this is that it reduces the amount of time it takes to update the website in the future. Example: Imagine you created a website using traditional layout techniques. This website could end up being extremely "taggy" meaning your document is composed of more tags than actual content. Now let's say your website is 20-30 pages in length or more, and on every page you use at least one instance of the largest heading and this heading has been made OLIVE in color. Later it is decided that the color scheme needs to change and these headings need to be MAROON instead. Now you need to make the changes and to make these changes, you must find EVERY occurrence of this tag which may take awhile since you need to check every page in the browser to make sure you completed those changes. This, of course, was the long way of doing things and time is not usually a luxury. As a result, we create a Style Sheet initially when we develop the site, which ultimately does 2 things: 1) Cuts down on the overall number of tags and
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
2) Speeds up website layout changes. Thus, when we update the color from OLIVE to MAROON, we make 1 change rather than an undefined number of changes. Classifications of Style Sheets C ascading Style Sheets and Styles can be added and incorporated within web documents, and specifically HTML documents, in three different ways. The three methods are: a) External or Linked Style Sheets b) Embedded Style Sheets c) Inline Styles External or linked Style Sheets reside outside the web document in a special file.
Background image of page 2
Image of page 3
This is the end of the preview. Sign up to access the rest of the document.

{[ snackBarMessage ]}

Page1 / 8

CSS_Basics - CSS Basics by Marie Taylor-Harper In the...

This preview shows document pages 1 - 3. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online