X

Download Cascading Style Sheets PowerPoint Presentation


Login   OR  Register
X

Share page



  Preview

               
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 :
358
views

0
downloads
Login / Signup - with account for


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

Cascading Style Sheets
Presentation Transcript
Collapse/Expand

  • 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
Injecting Free PowerPoint Template

Injecting

Views : 432

Dieting Free PowerPoint Template

Dieting

Views : 396

Valuable Key Free PowerPoint Template

Valuable Key

Views : 826

Diwali Lamp Free PowerPoint Template

Diwali Lamp

Views : 586

Drugs Medicine Free PowerPoint Template

Drugs Medicine

Views : 1043

Donuts Free PowerPoint Template

Donuts

Views : 911

Good Friday Free PowerPoint Template

Good Friday

Views : 919

Step to Success Free PowerPoint Template

Step to Success

Views : 561

Books and Glasses Free PowerPoint Template

Books and Glasses

Views : 599

Saturn Free PowerPoint Template

Saturn

Views : 549

Computing Information Technology Free PowerPoint Template

Computing Information Technology

Views : 498

Cigarettes Free PowerPoint Template

Cigarettes

Views : 819

Bales Free PowerPoint Template

Bales

Views : 480

Success Achievement Free PowerPoint Template

Success Achievement

Views : 463

Rainbow Lorikeet Free PowerPoint Template

Rainbow Lorikeet

Views : 744

USA Flag Free PowerPoint Template

USA Flag

Views : 444

Blue Eye Free PowerPoint Template

Blue Eye

Views : 1046

Pregnant Lady Free PowerPoint Template

Pregnant Lady

Views : 1956

Interior Free PowerPoint Template

Interior

Views : 520

Horse Riding Free PowerPoint Template

Horse Riding

Views : 882

Description : Download free Cascading Style Sheets PowerPoint Presentation

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

Shortcode : Get Shareable link