Mr. Rouda’s CSCI 101 sections. Quiz Format of Every Page my page this is the body.

Slides:



Advertisements
Similar presentations
CSS-Formatting Review Cascading Style Sheets addstyle to your HTML web pages.
Advertisements

CSS. CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem External Style.
CSS Link Styling. The Anchor Element: Link text between the opening and closing can be styled using CSS. Some of the properties that can be set are: font-family,
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.
Cascading Style Sheets Understanding styles. The term cascading describe the capability of a local style to override a general style. CSS applies style.
Ch. 5 Web Page Design – Templates and Style Sheets Mr. Ursone.
Beginning Web Site Creation: Dreamweaver CS4. XHTMLCSS  Describes the structure  Content  Collection of styles  Formatting body { background-color:
Chapter 7 Using Advanced Cascading Style Sheets HTML5 & CSS 7 th Edition.
Prepared by ackoo Styli n g your page (font type, font size, colors, text decoration, alignment, set margin, table padding, etc.) References: W3Schools.
Web Workshop: CSS Objectives: - “What is CSS?” - Structure of CSS - How to use CSS in your webpage.
Cascading Style Sheets Scripting with Style. CSS versus HTML  Ways to format in HTML –HTML Tag extensions –Converting Text to images –Page Layout with.
1 Creating Web Pages Part 3. 2 CASCADING STYLE SHEETS (CSS): What exactly are they? Set of rules that define how a web browser should display an HTML.
Let me control over my pages: Tables, Frames, and CSS.
CSSMR.Mostafa badr1. Lesson 3 Creating an Style Sheet Lesson 2 Structure of the Style Lesson 1: What Cascading Style Sheets are?
Web Page Development I Heather Rasmussen (801) Heather Rasmussen (801)
Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.
HTML Concepts and Techniques Fourth Edition Project 8 Creating Style Sheets.
1 Web Developer Foundations: Using XHTML Chapter 9 Cascading Style Sheet Concepts.
Cascading Style Sheets Example
 a style language that defines layout & appearance of HTML documents  CSS covers fonts, colours, margins, lines, height, width, background images and.
Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –
Introduction to CS520/CS596_026 Lecture One Gordon Tian Fall 2015.
Today’s objectives  Review  CSS | Rules | Declarations  HTML Structure document  Class asignment.
Part 1: CSS - Why? - How it works - Writing rules - Examples.
Lesson 2 Adding more content to your web page. Thanks to Richard Hudnutt, Luella HS.
Using Cascading Style Sheet As you create more web pages, you may wish to impose a consistent look for all of your web pages or for group of related pages.
CSS My favourite ICT lesson By Federico Boschi Cascading Style Sheets.
CSS Basic (cascading style sheets)
Cascading Style Sheets Part 1. CSS vs HTML HTML: Originally intended to markup structure of a document (,...,,,,,...) CSS Developing technology, CSS1,
Softsmith Infotech CSS. Softsmith Infotech CSS Cascading Style sheets Enhances look and feel of the site Adds more features to plain HTML Can define properties.
CSS Tutorial 1 Introduction Syntax How to use style specifications. Styles.
Cascading Style Sheets Creating a Uniform Site. Style Sheets  Style sheets are used for conformity on a web page or web site.  Style sheets eliminate.
Cascading Style Sheets
DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.
INT222 - Internet Fundamentals Shi, Yue (Sunny) Office: T2095 SENECA COLLEGE.
Body and Heading Tags and their Attributes. Attribute Name DefinitionValues backgroundIndicates the background image of the Web page. Ex. Filename(path.
Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.
Cascading Style Sheets I Embedded Style Sheets. Page Design ICSS 2Instructor: Sean Griffin What is a Style Sheet? A style sheet is a text file that contains.
CSS – 8 Step Walk Through! Using HTML. You will use 8 steps to transform this page to…
Mr. Rouda’s CSCI 101 sections. Format of Every Page my page this is the body.
1 CSS محمد احمدی نیا 2 Of 21 What is CSS?  CSS stands for Cascading Style Sheets  Styles define how to display HTML elements 
NASRULLAHIBA.  It is time to take your web designing skills to the next level with Cascading Style Sheets (CSS). They are a way to control the look and.
Ch. 2. HTML 1. HTML? 2  Tim Berner-Lee first proposed (1981) and coded (1991)  HTML: HyperText Markup Language  Web browser 용  W3C (World Wide Web.
Cascading Style Sheets Using HTML. What are they? A set of style rules that tell the web browser how to present a web page or document. In earlier versions.
CSS Introductions. Objectives To take control of the appearance of a Web site by creating style sheets. To use a style sheet to give all the pages of.
CSS. What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem External.
1 Cascading Style Sheets
CSS HTML and website development.
Cascading Style Sheets
What is CSS.
Lecture 9. Cascading Style Sheets
Madam Hazwani binti Rahmat
Web Developer & Design Foundations with XHTML
HTML and Website Development
HTML Basics and CSS style
Cascading Style Sheets
Principles of Software Development
Introduction to web design discussing which languages is used for website designing
Cascading Style Sheets: Basics
Website Design 3
Embedded with tags..
The Website Foundation
محمد احمدی نیا CSS محمد احمدی نیا
Web Design and Development
Part 1: Cascading Style Sheets
Lesson 2: Make a Quiz Unit 1: Formatting Lists,
Cascading Style Sheets
ITS 180: Database Management Systems
Instructor Information: Mark Jamil
Kanida Sinmai CSS – Cascading Style Sheets Kanida Sinmai
Presentation transcript:

Mr. Rouda’s CSCI 101 sections

Quiz

Format of Every Page my page this is the body

Colors and Fonts Text Size and Color hi class Or color="#00FF00" Page's Background

CSS Cascading Style Sheets | 3 Types of Styles InLine Styles Embedded Styles Linked Styles

CSS – Inline Styles

CSS – Embedded Styles a:link {background:red; color:white; text- decoration:none} a:hover {background:red; color:blue; text- decoration:none} h2 {color:red}

CSS – Linked Styles (preferred)

Styles of Classes testing a:link {background:red; color:white; text-decoration:none} a:hover {background:red; color:blue; text-decoration:none} h2.auburn {background:orange; color:blue} h2.bama {background:red; color:white} Hi Class How are you?

Images inserting an image alignment within a lot of text image as an anchor

Styles with Lists ul.circle {list-style-type:circle} ul.square {list-style-type:square} ol.upper-roman {list-style-type:upper-roman} ol.lower-alpha {list-style-type:lower-alpha}