Text-decoration none underline (sottolineato) overline (soprallineato) line-through (sbarrato) blink (non funziona su IE, chrome, Safari) inherit (non.

Slides:



Advertisements
Similar presentations
©Marco Ronchetti 2003 CSS Cascading Style Sheet CSS2 – CSS/P Nota: tratteremo solo le proprieta definite a livello di standard ed attualmente implementate.
Advertisements

Ripasso. 2 Proprietà del testo body { font-family: Verdana, Geneva, Arial, sans-serif; } Ciao sans-serifserif.
LIS901N: Style sheet Thomas Krichel Style sheets Style sheets are the officially sanctioned way to add style to your document We will cover.
CSS Títol pàgina. CSS Títol "estil.css" );
CSS Cascading Style Sheets. What is CSS? CSS stands for Cascading Style Sheets (the page—or sheet—helps you create a style that will cascade across all.
Web Engineering 1 Ishaq Khan Shinwari MCS City University Peshawar.
Cascading Style Sheets (CSS): Pixel-Level Control with HTML Ease
Part 3 Introduction to CSS. CSS Text Text Styles h1 {color: green} // rgb(0,255,0), #00ff00 h2{letter-spacing: 0.5cm} // 2px h3 {text-align: right} //
Measurement Many CSS properties (values within the declaration) require that you specify a unit of measurement, such as spacing between elements, border.
Session Objectives Setting the font family Setting the font size Working with Web fonts Setting font faces and sizes Setting font and text appearances.
COS 125 DAY 17. Agenda  Assignment #5 Corrected 6 A’s, 2 B’s, 3 C’s 2 D’s, and 2 non-submits  Next Capstone Progress Report Due April 6  Exam #3 Graded.
1 CSS Styling with Fonts and Colors. 2 CSS Cascading Style Sheets and fonts CSS provides Style or Presentation options for our html pages CSS properties.
CSS Properties on Parade PropertyValid valuesExample font-familylist of fonts (separate with commas, end with generic font: serif, sans-serif, fantasy,
+ Text & Font Styles Unit 3 Lesson Different Font Categories Sans Serif – block style fonts Example - Rockwell Easy to read and good to use when.
Formatting Text (Plus More Selectors) Learning Web Design: Chapter 12.
FONT, TYPEFACE AND TEXT ATTRIBUTES. Letter case  minuscule  majuscule  some register based text effects / variants  ALLCAPS  S MALLCAPS  Equal height.
Tutorial #3 Cascading Style Sheets. Review: Last Class Image sizing Pathnames Project Default Path Relative Path Absolute Path Blackboard Homework Submission.
CASCADING STYLE SHEETS. Chapter 3 Objectives Customize HTML elements Specify Font characteristics Classes Tag style Inline and block-level elements External.
Class three: CSS review, backgrounds, font formatting, the box model.
Tutorial 5 Formatting with CSS. Objectives Session 5.1 – Evaluate why CSS styles are used – Determine where to write styles – Create an element selector.
Tutorial #3 Cascading Style Sheets. Tutorial #2 Review - Anchors Links to Site DMACC Internal Links Go to Top Mail To me Local.
CSS Font CSS font properties define the font family, boldness, size, and the style of a text. CSS Font Families Generic family Font familyDescription Serif.
TEXT Size and typeface of text Bold, italics, capitals, underlines Spacing between lines, words, and letters.
Text and Fonts in CSS. Customizing fonts In CSS, fonts are divided into “font families” Only certain fonts are commonly installed on most computers Therefore.
Styling Fonts & Text CHAPTER 4 1 CHARLES WYKE-SMITH: STYLIN’ WITH CSS: A DESIGNER’S GUIDE (3 ND EDITION)
Tutorial 3 Designing a Web Page with CSS
COS 125 DAY 10. Agenda  Capstone Proposals Due Recieved 5 Capstone Project Description sp 09.htm  Assignment 4 not corrected  Assignment 5 Posted Due.
Chapter 11 & 12 CSS Style Sheets: Intro. Why CSS? Separate presentation from content – more accessible Less work – can change appearance of whole site.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 3 Introducing Cascading Style Sheets.
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Formatting Text with HTML and CSS. Summary block-level elements. Character-level elements Logical and physical style Special elements: hr,address, quotation.
Cascading Style Sheets
CSS for Styling Text.
CS3220 Web and Internet Programming CSS Basics
The Internet 10/11/11 Fonts and Colors
Introducing :CSS Cascading Style Sheets in 5 Lessons.
Cascading Style Sheet (CSS)
Cascading Style Sheets
Using Cascading Style Sheets Module B: CSS Structure
CIIT-Human Computer Interaction-CSC456-Fall-2015-Mr
Text Size and typeface of text Bold, italics, capitals, underlines
Cascading Style Sheets (Formatting)
3.5 Property Value Forms - There are 60 different properties in 7 categories: - Fonts - Lists - Alignment of text - Margins - Colors - Backgrounds - Borders.
Objectives Explore the history of CSS
3 Configuring Color & Text With CSS.
Cascading Style Sheet (CSS)
CSS – Properties & Values
CS 174: Server-Side Web Programming February 7 Class Meeting
TYPEFACE TERMINOLOGY SERIF SANS-SERIF MONOSPACE Explain: names for different types of typeface (point out differences) Click: serif Click: sans-serif.
The Internet 10/13/11 The Box Model
Cascading Style Sheet (CSS)
Cascading Style Sheets
CMPE 280 Web UI Design and Development September 4 Class Meeting
CSS Style Sheets: Intro
Cascading Style Sheets Color and Font Properties
Cascading Style Sheets
Web Development & Design Foundations with H T M L 5
CS3220 Web and Internet Programming CSS Basics
CSS Styles Fonts and Colors.
CMPE 280 Web UI Design and Development February 7 Class Meeting
CS3220 Web and Internet Programming CSS Basics
Lesson 5 Topic B – Basic Text & Fonts
Cascading Style Sheets
Cascading Style Sheets
Cascading Style Sheets
Cascading Style Sheets
Session IV Chapter 15 - How Work with Fonts and Printing
Cascading Style Sheets
Cascading Style Sheets
CMPE 280 Web UI Design and Development September 5 Class Meeting
Presentation transcript:

text-decoration none underline (sottolineato) overline (soprallineato) line-through (sbarrato) blink (non funziona su IE, chrome, Safari) inherit (non funziona su IE)

text-transform capitalize uppercase lowercase none inherit text-indent specifica il rientro della prima riga di un paragrafo.

font-style font-weight font-variant font-style: normal | italic | oblique (oblique è molto simile a italic, meno supportato) font-weight: normal | bold | bolder | lighter 100 | 200 | 300 | 400 | 500 | | 800 | 900 font-variant: normal | small-caps (MAIUSCOLETTO)

font-family Serif | Sans-serif | Monospace | cursive | fantasy “nome del font” “alternativa” “alternativa”

A proposito di { font-family: Santiago; src: url(" } Firefox non permette di scaricare font da altri domini, poiché è considerata una tecnica di cross-site scripting. Internet Explorer non supporta i file TrueType o OpenType ma richiede un apposito formato: l'Embedded OpenType (estensione EOT)

Bordi: style,color,width