Ripasso. 2 Proprietà del testo body { font-family: Verdana, Geneva, Arial, sans-serif; } Ciao sans-serifserif.

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

LIS901N: Style sheet Thomas Krichel Style sheets Style sheets are the officially sanctioned way to add style to your document We will cover.
HTML and CSS. HTML Hyper Text Markup Language Tells browser how to display text and images.
Dr. Alexandra I. Cristea CSS Dr. Alexandra I. Cristea Source:
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.
CSS CSS stands for Cascading Style Sheets Styles define how to display HTML elements External Style Sheets can save a lot of work External Style Sheets.
Very quick intro HTML and CSS. Sample html A Web Title.
Cascading Style Sheets (CSS): Pixel-Level Control with HTML Ease
Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.
Cascading Style Sheets By: Valerie Kuna. What are Cascading Style Sheets? Cascading Style Sheets (CSS) are a standard for specifying the presentation.
Advance CSS (Menu and Layout) Miftahul Huda. CSS Navigation MENU It's truly remarkable what can be achieved through CSS, especially with navigation menus.
Cascading Style Sheet CSS CS1520 Ali Alanjawi. 2 TA Information Ali Alanjawi Homepage: Office:
CSS(Cascading Style Sheets )
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.
Unit 20 - Client Side Customisation of Web Pages
CSS normally control the html elements. Three Ways to Insert CSS There are three ways of inserting a style sheet: External style sheet Internal style.
More CSS CS HTML id attribute 2 Coding Horror! Our mission is to combine programming and “human” factors with geekiness! output  A unique ID for.
Grundlæggende web design, ITU Torsdag d. 29 sept Cascading Style Sheets.
Cascading Style Sheets (Formatting. Slide 2 Lecture Overview At this point, you have learned how and where to create styles You have not learned much.
1 Lesson Style Sheets Box Model Content (text,image,table) Margin Padding Border Box.
Text Properties, Line Box, CSS. Text Properties Properties related to the display of text. Text-align : left, right, center I like FSU!
Cascading Style Sheets Cyndi Hageman. Applying a Style Sheet  In-line style – used within the HTML tag  Embedded Style Sheet – located in the HTML document.
Style sheets can also affect the BODY. style4.css BODY {BACKGROUND-COLOR : white} H1 {COLOR : red; FONT-SIZE : 50; FONT-FAMILY : arial} H2 {COLOR : green}
Style sheets can also affect the body. style4.css body {background-color : white} h1 {color : red; font-size : 50; font-family : arial} h2 {color : green}
CSS Properties on Parade PropertyValid valuesExample font-familylist of fonts (separate with commas, end with generic font: serif, sans-serif, fantasy,
Cascading Style Sheets, pt 2 ECA 225 Applied Online Programming.
Cascading Style Sheets CSS. CSS - Structure Declaration block Property: identifies what to change Value: how to change it Selector – example h1{ font-size:
CSS Border.
Class three: CSS review, backgrounds, font formatting, the box model.
Chcslonline.org Text –wrapping around Images. chcslonline.org To wrap text around an image, lets set up a style in our style sheet. open a new notepad.
Creating Your Own Webpage COSC Cascading Stylesheets Think of: HTML: content of your webpage HTML has tags CSS: presentation and appearance of your.
 Cascading Style Sheets (CSS) ◦ Used to specify the presentation of elements separately from the structure of the document.  Inline style ◦ declare.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Cascading Style Sheets.
CIS234A Lecture 6 Instructor Greg D’Andrea. Span and Div The span and div elements are a generic means by which we can add structure to documents. The.
Creating Layouts with CSS. Span tag Here is some underlined text. Here is some blinking text. Here's some bold text.
ECA 228 Internet/Intranet Design I Cascading Style Sheets.
WebD Introduction to CSS By Manik Rastogi.
CS3220 Web and Internet Programming CSS Basics
The Internet 10/11/11 Fonts and Colors
Cascading Style Sheets™ (CSS)
( Cascading style sheet )
Semester - Review.
Unit 3 - Review.
Creating Your Own Webpage
Cascading Style Sheets (Formatting)
کارگاه آموزشی توسعه وب بخش دوم - CSS ارائه: عباس نادری
3.5 Property Value Forms - There are 60 different properties in 7 categories: - Fonts - Lists - Alignment of text - Margins - Colors - Backgrounds - Borders.
Web Authoring Task 1– Create Style Sheet List – LI { Table Body
Introduction to Web programming
CSS – Properties & Values
CS 174: Server-Side Web Programming February 7 Class Meeting
The Internet 10/13/11 The Box Model
CMPE 280 Web UI Design and Development September 4 Class Meeting
Cascading Style Sheets Color and Font Properties
How to use the CSS box model for spacing, borders, and backgrounds
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
Cascading Style sheet. What is CSS?  CSS stands for Cascading Style Sheets  Cascading: refers to the procedure that determines which style will apply.
Lesson 5 Topic B – Basic Text & Fonts
Session IV Chapter 15 - How Work with Fonts and Printing
Cascading Style Sheets
Cascading Style Sheets™ (CSS)
Cascading Style Sheets
CMPE 280 Web UI Design and Development September 5 Class Meeting
Cascading Style Sheets
Presentation transcript:

Ripasso

2 Proprietà del testo body { font-family: Verdana, Geneva, Arial, sans-serif; } Ciao sans-serifserif

3 body { font-size: 14px; } px em % xx-small x-small small medium large x-large xx-large Proprietà del testo

4 body { color: silver; } body { color: #C0C0C0; } body { color: rgb(192,192,192); } Proprietà del testo

5 body { font-weight: bold; } lighter normal bold bolder Proprietà del testo

6 body { text-decoration: underline; } none underline overline line-through blink Proprietà del testo

7 body { font-style: italic; } italic oblique Proprietà del testo

8 Bordo body { border-width: 1px; border-style: solid; border-color: #cc00cc; } body { border: 1px solid #cc00cc; }

9 Bordo body { border-width: 1px; border-style: solid; border-color: #cc00cc; } body { border: 1px solid #cc00cc; } Border width px thin medium thick

10 Bordo body { border-width: 1px; border-style: solid; border-color: #cc00cc; } body { border: 1px solid #cc00cc; } Border style solid dotted double groove outset dashed inset ridges

11 Padding vs Margin p { background-color: yellow; border: 2px solid blue; padding: 30px; margin: 30px; }

12 Background body { background-image: url(img/haha.jpg); }

13 Background body { background-image: url(img/haha.jpg); background-repeat: no-repeat; }

14 Background body { background-image: url(img/haha.jpg); background-repeat: no-repeat; background-position: top right; }

15 Proprità del testo p { text-align: justify; } left right center justify New

16 Proprità del testo p { text-indent: 30px; text-align: justify } New