Download Cascading Style Sheets PowerPoint Presentation

Login   OR  Register

Share on Social Media


Home / Computers & Web / Computers & Web Presentations / Cascading Style Sheets PowerPoint Presentation

Cascading Style Sheets PowerPoint Presentation

Note : Cascading Style Sheets PPT Presentation is available for free download. Click on Download Free PowerPoint Presentation top red button for free download Cascading Style Sheets presentation in .ppt/pptx format.
quicker By : quicker

On : May 31, 2016

In : Computers & Web

Embed :

Login / Signup - with account for

  • → Make favorite
  • → Flag as inappropriate
  • → Download Presentation
  • → Share Presentation

Cascading Style Sheets
Presentation Transcript

  • Slide 1 - CS134 Web Design & Development Cascading Style Sheets (CSS) Mehmud Abliz
  • Slide 2 - What is CSS? Cascading Style Sheets (CSS): is a simple mechanism for adding style (e.g. fonts, colors, layouts) to Web documents. Styles provide powerful control over the presentation of web pages.
  • Slide 3 - Internal Style Sheet A style sheet consists of a set of rules. Each rule consists of one or more selectors and a declaration block. A declaration block consists of a list of declarations in curly braces ({}). Each declaration consists of a property, a colon (:), a value, then a semi-colon (;).
  • Slide 4 - Style Sheet Syntax Explained selector property value rule
  • Slide 5 - Basic CSS Syntax CSS Syntax selector {property: value;}
  • Slide 6 - Three Different Scopes of CSS Local confined to a single element (tag) Internal affect elements in an entire page External can affect multiple pages Precedence Local > Internal > External
  • Slide 7 - Local Style Sheet Example

    Internal Style Sheet Applied to Header 1

    Practice add “text-align” property to make it centered add “border” property to let it has black, 1px thick, solid border at left, right, top, and bottom Tip: use “border: ;” format for 4 sides; use “border-: xx yy zz;” for a particular side, where can be left, right, top or bottom. Can apply to other similar properties.
  • Slide 8 - Internal Style Sheet How to create? Put tag between and tags of your HTML page Use type attribute to indicate the style sheet type, usually type=“text/css” Specify a default style sheet language for the whole document by Put your set of style sheet rules in between tags
  • Slide 9 - Internal Style Sheet Practice Create same style in the example in the local style sheet section, but using internal style sheet instead.
  • Slide 10 - External Style Sheet An external style sheet is simply a text-only file that contains only CSS rules. How to link to external style sheet? Practice Create a file called “mystyle.css” and do the example in local style sheet, but as external style sheet

Description : Download free Cascading Style Sheets PowerPoint Presentation

Tags : web page layout | web layout | website designing | web design | css | cascading style sheet | css3