Download presentation
Presentation is loading. Please wait.
Published byJonah Bradley Modified over 9 years ago
2
http://www.w3schools.com/css/demo_defa ult.htm http://www.w3schools.com/css/demo_defa ult.htm This website illustrates the use of CCS (style sheets) What are the main differences in each of the different pages.
3
CSS stands for Cascading Style Sheets CSS is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents. CSS saves a lot of work External Style Sheets are stored in CSS files ◦ By making changes in one external style sheet you can change the look of a full website.
4
3 ways In-line style Internal style External Style sheet Visit this site form more information on this http://www.w3schools.com/css/css_howto.asp
5
In line style puts the style with the element for example, etc. Inline styles are easy and quick to add. You don’t have to create a separate document. Inline styles must be applied to every element you want them on. So if you want all your paragraphs to look the same with colour, font etc you have to add an inline style to each tag in your document. This can take a lot of time. Difficult to make changes to all the styles
6
An internal style sheet should be used when a single document has a unique style. Internal styles are put in the head section of an HTML page, inside the tag, like this: Most useful when testing out styles
7
Contains number of styles put together in one file. CSS files are saved with an.css extension. (ending) This file is then linked to HTML files It can be used when the style is applied to many pages. You can change the look of an entire Web site by changing just one file.
8
Each page must include a link to the style sheet with the tag. The tag goes inside the head section:
9
Separate content from design One of the main goals of CSS is to remove the design elements from the HTML and place them in another location for the designer to maintain. That means that a designer doesn't have to also be the content developer to maintain the look of the Web site.look of the Web site Make maintenance easy One of the most forgotten elements of Web design is the maintenance. Unlike print materials, once you put out a Web "magazine" it doesn't go away. Things change - from the look of your site to the content and links within it. And having your CSS in a central place makes it that much easier to maintain. Keep your site accessibile Using CSS styles can keep your site more accessible both to disabled people and to robots like search engines.search engines Your site will stay current longer By using best practices with your CSS, you're using standards that have been proven to work and remain flexible as the Web design environment changes.
10
CSS Syntax A CSS rule set consists of a selector and a declaration block: The selector points to the HTML element you want to style. The declaration block contains one or more declarations separated by semicolons. Each declaration includes a property name and a value, separated by a colon.
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.