Click to begin Click to begin Mr. Thomas CSS Multiple Multiple Choice Fill-In The Fill-In The Blank Fill-In The Fill-In The Blank 10 Points 20 Points.

Slides:



Advertisements
Similar presentations
Cascading Style Sheets
Advertisements

Today CSS HTML A project.
Presenter: James Huang Date: Sept. 26,  Introduction  Basics  Lists  Links  Forms  CSS 2.
HTML – A Brief introduction Title of page This is my first homepage. This text is bold  The first tag in your HTML document is. This tag tells your browser.
COMPUTER PROGRAMMING INTERACTIVE PRESENtation.
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.
Building a Website: Cascading Style Sheets (CSS) Fall 2013.
กระบวนวิชา 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.
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.
XP Introducing Cascading Style Sheets With Cascading Style Sheets (CSS), you can create one or more documents that control the appearance of some or all.
INTRODUCTORY Tutorial 3 Using CSS to Format Multiple Pages.
Introduction to Cascading Style Sheets (CSS) Module 2: HTML Basics LESSON 4.
Web Workshop: CSS Objectives: - “What is CSS?” - Structure of CSS - How to use CSS in your webpage.
CSS Basics LIS Webteam April 8, Why CSS? What’s wrong with HTML? Structure vs Style Early web design used hacks to style webpages with HTML – like.
4.01 Cascading Style Sheets
CM143 Week 4 Introducing CSS. Cascading Style Sheets A definition for the style in which an element of the webpage will be displayed Border width, colour,
Computing Concepts: CSS. Aims  To understand the uses of css  To understand the different types of css  To be able to create a css file  To be able.
CSS (Cascading Style Sheets): How the web is styled Create Rules that specify how the content of an HTML Element should appear. CSS controls how your web.
Cascading Style Sheets Example
Chapter 11 Cascading Style Sheets: Part I The Web Warrior Guide to Web Design Technologies.
CSS Dvijesh Bhatt.
CSS Style Rules Guang Tong, Zhan L;lo’p[ Css Style Rule Guang Tong Zhan Three ways to insert CSS 1 External style sheet 2 Internal style sheet 3 Inline.
Cascading Style Sheets (CSS) 1.  What is CSS?  Why CSS?  How to write a CSS? 2.
Tutorial #3 Cascading Style Sheets. Review: Last Class Image sizing Pathnames Project Default Path Relative Path Absolute Path Blackboard Homework Submission.
Chapter 6 Web Typography. 2 Principles of Web Design Chapter 5 Objectives Understand principles for type design on a Web site Use the element Understand.
1 What is CSS?  CSS stands for Cascading Style Sheets  Styles define how to display HTML elements  Styles are normally stored in Style Sheets  Styles.
Website Development & Management Working with Style Rules Instructor: John Seydel, Ph.D. CIT Fall
 This presentation introduces the following: › 3 types of CSS › CSS syntax › CSS comments › CSS and color › The box model.
Working with Cascading Style Sheets (CSS) Module 2: HTML Basics LESSON 5.
CO1552 – Web Application Development Cascading Style Sheets.
CSS CSS is short for C ascading S tyle S heets. It is a new web page layout method that has been added to HTML to give web developers more control over.
Tutorial #3 Cascading Style Sheets. Tutorial #2 Review - Anchors Links to Site DMACC Internal Links Go to Top Mail To me Local.
Cascading Style Sheets. What is CSS? Short for Cascading Style Sheets, a new feature being added to HTML that gives more control over how pages are displayed.
CS134 Web Design & Development Cascading Style Sheets (CSS) Mehmud Abliz.
CSS Cascading Style Sheets. CSS Advantages Greater typography and page layout control Style is separate from structure Styles can be stored in a separate.
CSS Tutorial 1 Introduction Syntax How to use style specifications. Styles.
INTRODUCTORY Tutorial 3 Using CSS to Format Multiple Pages.
HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.
3. Cascading Style Sheets (CSS) M. Udin Harun Al Rasyid, S.Kom, Ph.D Lab Jaringan Komputer.
Cascading Style Sheets
Cascading Style Sheets (CSS). A style sheet is a document which describes the presentation semantics of a document written in a mark-up language such.
Introduction to CSS. Why CSS? CSS Provides Efficiency in Design and Updates CSS relatively easy to use Can give you more flexibility and control Faster.
AGENDA Introduction Syntax How to use style specifications. Styles CSS Tutorial Miftahul Huda Speech Signal Processing Research Group Digital Signal Processing.
Web Design (12) CSS Introduction. Cascading Style Sheets - Defined CSS is the W3C standard for defining the presentation of documents written in HTML.
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.
Designing Web Pages The case for CSS. The Power of CSS css Zen Garden
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
How to… Cascading Style Sheets. How to Insert a Style Sheet When a browser reads a style sheet, it will format the document according to it. There are.
1 CSS محمد احمدی نیا 2 Of 21 What is CSS?  CSS stands for Cascading Style Sheets  Styles define how to display HTML elements 
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
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.
LT: I can use CSS to decorate a web page. Do Now: Get your storyboard, and log in to winhome. Write our a list of colors you want in your website. (Minimum.
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.
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 (Cascading Style Sheets). CSS CSS – Cascading Style Sheets – Cascade because of the way CSS rules can stack on top of each other. Allows you to add.
1 Cascading Style Sheets
WebD Introduction to CSS By Manik Rastogi.
CSS.
4.01 Cascading Style Sheets
CASCADING STYLE SHEET CSS.
IS333: MULTI-TIER APPLICATION DEVELOPMENT
Website Design 3
Software Engineering for Internet Applications
CS134 Web Design & Development
What are Cascading Stylesheets (CSS)?
Web Design & Development
4.01 Cascading Style Sheets
CGS 3066: Web Programming and Design Fall 2019
Presentation transcript:

Click to begin Click to begin Mr. Thomas CSS

Multiple Multiple Choice Fill-In The Fill-In The Blank Fill-In The Fill-In The Blank 10 Points 20 Points 30 Points 40 Points 50 Points 10 Points 10 Point 20 Points 30 Points 40 Points 50 Points 30 Points 40 Points 50 Points Multiple Multiple Choice True or False True or False 10 Point

HTML 5 is the latest version of HTML. True & False For 10 Points Back to Game False True

CSS comments are used to explain your code and are ignored by browsers, which means they are not displayed on the Webpage but only in the coding. True & False For 20 Points False True Back to Game

To define the space between the element's border and content, you use the padding property, which you are allowed to use negative values. True & False For 30 Points Back to Game False True

is the World Wide Web Consortium’s Website. True & False For 40 Points Back to Game False True

What does CSS stand for? True & False For 50 Points Back to Game Cascading Style Sheets Colorful Style Sheets Computer Style Sheets Creative Style Sheets

What is the correct HTML for referring to an external style sheet? Multiple Choice For 10 Points Back to Game <link rel="stylesheet" type= "text/css" href="mystyle.css"> mystyle.css

Where in an HTML document is the correct place to refer to an external style sheet? Multiple Choice For 20 Points Back to Game In the section At the top of the document At the end of the document In the section

Which HTML tag is used to define an internal style sheet? Multiple Choice For 30 Points Back to Game

Which HTML attribute is used to define inline styles? Multiple Choice For 40 Points style font styles class Back to Game

Which is the correct CSS syntax? Multiple Choice For 50 Points {body:color=black(body} {body;color:black} body {color: black} body:color=black Back to Game

How do you insert a comment in a CSS file? Multiple Choice For 10 Points // this is a comment // ' this is a comment // this is a comment /* this is a comment */ Back to Game

Which property is used to change the background color? Multiple Choice For 20 Points background-color: bgcolor: color: Back to Game bg-color:

How do you add a background color for all elements? Multiple Choice For 30 Points h1.all {background-color:#FFFFFF} all.h1 {background-color:#FFFFFF} h1 {background-color:#FFFFFF} h-1 {background-color:#FFFFFF} Back to Game

How do you change the text color of an element? Multiple Choice For 40 Points text-color= color: text-color: fgcolor: Back to Game

Which CSS property controls the text size? Multiple Choice For 50 Points Back to Game font-style text-style text-size font-size

What is the correct CSS syntax for making all the elements bold? Multiple Choice For 10 Points Back to Game p {font-weight:bold} p {text-size:bold}

How do you display hyperlinks without an underline? Fill-In The Blank For 20 Points Back to Game a {text-decoration:no underline} a {text-decoration:none} a {underline:none} a {decoration:no underline}

How do you make each word in a text start with a capital letter? Multiple Choice For 30 Points Back to Game You can't do that with CSS text-transform:uppercase text-transform:capitalize text-transform:lowercase

How do you make each letter in the text a capital letter? Multiple Choice For 40 Points Back to Game You can't do that with CSS text-transform:uppercase text-transform:capitalize text-transform:lowercase

How do you change the font of an element? Multiple Choice For 50 Points Back to Game f: font-family: font= f-family:

How do you make the text bold? Back to Game Multiple Choice For 10 Points font:b style:bold font-weight:bold font:bold

How do you display a border like this: The top border = 10 pixels The bottom border = 5 pixels The left border = 20 pixels The right border = 1pixel? Back to Game Multiple Choice For 20 Points border-width:5px 20px 10px 1px border-width:10px 20px 5px 1px border-width:5px 20px 10px 1px border-width:10px 1px 5px 20px

Back to Game Multiple Choice For 30 Points indent: margin: margin-left: text-indent: How do you change the left margin of an element?

Back to Game Multiple Choice For 40 Points list-style-type: square type: square type: 2 list-type: square How do you make a list that lists its items with squares?

Back to Game Multiple Choice For 50 Points What is 1? CSS Syntax Declaration Property Selector

Congratulations! Back to Game

DAILY DOUBLE! DAILY DOUBLE! (Click Here) (Click Here) Wager Your Bet Now! (Who ever answered the last question correctly)

Back to Game Answer

Back to Game

Congratulations! Back to Game

Sorry! Back to GameTry Again