This site uses cookies to deliver our services and to show you relevant ads and presentations. By clicking on "Accept", you acknowledge that you have read and understand our Cookie Policy , Privacy Policy , and our Terms of Use.

Download Cascading Style Sheets PowerPoint Presentation

Login   OR  Register

Iframe embed code :

Presentation url :


Description :

Download free Cascading Style Sheets PowerPoint Presentation

Tags :

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

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

Cascading Style Sheets PowerPoint Presentation

Ppt Presentation Embed Code   Zoom Ppt Presentation

About This Presentation

Description : Download free Cascading Style Sheets PowerPoint Presentation Read More

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

Published on : May 31, 2016
Views : 290 | Downloads : 0

Download Now

Share on Social Media


PowerPoint is the world's most popular presentation software which can let you create professional Cascading Style Sheets powerpoint presentation easily and in no time. This helps you give your presentation on Cascading Style Sheets in a conference, a school lecture, a business proposal, in a webinar and business and professional representations.

The uploader spent his/her valuable time to create this Cascading Style Sheets powerpoint presentation slides, to share his/her useful content with the world. This ppt presentation uploaded by quicker in Computers & Web ppt presentation category is available for free download,and can be used according to your industries like finance, marketing, education, health and many more. provides a platform to marketers, presenters and educationists along with being the preferred search engine for professional PowerPoint presentations on the Internet to upload their Cascading Style Sheets ppt presentation slides to help them BUILD THEIR CROWD!!

User Presentation
Related Presentation
Free PowerPoint Templates

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