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.
X

Download Cascading Style Sheets CSS PowerPoint Presentation


Login   OR  Register
X


Iframe embed code :



Presentation url :

X

Description :

Download free Cascading Style Sheets CSS 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 CSS PowerPoint Presentation

Cascading Style Sheets CSS PowerPoint Presentation

Ppt Presentation Embed Code   Zoom Ppt Presentation

About This Presentation


Description : Download free Cascading Style Sheets CSS 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 : 178 | Downloads : 0


Download Now

Share on Social Media

             

PowerPoint is the world's most popular presentation software; you can create professional Cascading Style Sheets CSS powerpoint presentation with this powerful software easly. And give your presentation on Cascading Style Sheets CSS in conference, a school lecture, a business proposal or in webinar.

Uploader spend their valuable time to create this Cascading Style Sheets CSS powerpoint presentation slides, to share their knowledgable content with the world. This ppt presentation uploaded by quicker in their relavent Computers & Web category is available for free download and use according to your industries likefinance,marketing,education,health and many more.

SlidesFinder.com provides a platform for marketers, presenters and educationists along with being the preferred search engine for professional PowerPoint presentations on the Internet to upload your Cascading Style Sheets CSS ppt presentation slides to BUILD YOUR CROWD!!

User Presentation
Related Presentation
Free PowerPoint Templates

Cascading Style Sheets CSS
Presentation Transcript
Collapse/Expand

Slide 1 - CS134 Web Design & Development Cascading Style Sheets (CSS) Mehmud Abliz
Slide 2 - Selector Type Tag redefines the look of a specific tag E.g. body {background-color: #000000;} Class can apply to any tag E.g. .indent{margin-right:5%;margin-left: 5%;} In HTML,

Advanced IDs, pseudo-class selectors E.g. #myId {color: #38608A;}

Slide 3 - Values - Lenghts Lengths [a number + unit identifier] Unit identifier can be em (font size of the relevant font), ex (x-height of the relevant font), px (pixels),in (inches), cm (centimeter), mm, pt (points, =1/72 in), pc (picas, 1 pc = 12 pt) E.g. h1 { margin: 0.5em }, h1 { margin: 1ex },p { font-size: 12px }, h2 { line-height: 3cm }, h4 { font-size: 12pt }, h4 { font-size: 1pc }
Slide 4 - Values - Percentages & URIs Percentages [a number + %] p { line-height: 120% } URLs & URIs url(“”), or url() li { list-style: url(http://www.cs.pitt.edu/~mehmud/image/bullet2.jpg) disc } body { background: url("yellow.png") }where, “yellow” is relative to the URI of the style sheet.
Slide 5 - Values - Colors Colors A color is either a keyword (e.g. white, red), or a numerical RGB specification (e.g. ). A numerical RGB specification can be: An RGB value in hexadecimal notation, which is a ‘#’ immediately followed by a 6 digit or 3 digit hexadecimal number, i.e. #rrggbb or #rgb. E.g. #ff0000, #f00 An RGB value in functional notation, i.e.rgb(rrr,ggg,bbb), rgb(r%,g%,b%)E.g. rgb(255,0,0), rgb(100%,0%,0%)
Slide 6 - Values - Colors 16 original predefined color codes (names) http://www.cs.pitt.edu/~mehmud/cs134/resources/predefined_colors.html 216 browser safe colors Colors display correctly on all color monitors http://www.cs.pitt.edu/~mehmud/cs134/resources/browser_safe_colors.html
Slide 7 - Values - Strings String Sequence of characters written inside double quotes ("") or single quotes (''). Examples"this is a ’string’“ "this is a \"string\"“’this is a "string"’’this is a \’string\’’
Slide 8 - Box Properties margin : border :