X

Download Cascading Style Sheets CSS PowerPoint Presentation

SlidesFinder-Advertising-Design.jpg

Login   OR  Register
X


Iframe embed code :



Presentation url :

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

PowerPoint is the world's most popular presentation software which can let you create professional Cascading Style Sheets CSS powerpoint presentation easily and in no time. This helps you give your presentation on Cascading Style Sheets CSS 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 CSS 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.

About This Presentation

Cascading Style Sheets CSS Presentation Transcript

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 :