X

Download Cascading Style Sheets CSS PowerPoint Presentation


Login   OR  Register
X

Share page



  Preview

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

Cascading Style Sheets CSS PowerPoint Presentation

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

On : May 31, 2016

In : Computers & Web

Embed :
302
views

0
downloads
Login / Signup - with account for


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

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 :