List Properties Box Properties Pseudoclass

Slides:

Advertisements

Similar presentations

LIS650 lecture 4 Thomas Krichel today Advice CSS Properties –Box properties-- List properties –Table properties-- Classification properties.

Advertisements

LIS901N: Style sheet Thomas Krichel Style sheets Style sheets are the officially sanctioned way to add style to your document We will cover.

LIS650 lecture 4 Thomas Krichel today Advice CSS Properties –Box properties –List properties –Classification properties Fun with selectors.

DREAMWEAVER ‘ANATOMY’ EXPLAINED.

Web Pages Week 10 This week: CSS Next week: CSS – Part 2.

CSS. Intro to CSS Cascading Style Sheets – styles and enhances appearance of webpage.css extension.

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.

Client-Side Internet and Web Programming

With CSS, a color is most often specified by: a HEX value - like "#ff0000" an RGB value - like "rgb(255,0,0)" a color name - like "red“ Example h1.

CSS(Cascading Style Sheets )

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.

Tutorial 4: Creating page layout with css

Tutorial 5 Working with the Box Model. XP Objectives Understand the box model Create padding, margins, and borders Wrap text around an image Float a block-level.

CSS. What does it stand for? Cascading Style Sheets.

1 Lesson Style Sheets Box Model Content (text,image,table) Margin Padding Border Box.

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}

Page Layout & Mobile Web Using columns, grid systems, etc… to layout sites for desktops and mobile.

CSS Dvijesh Bhatt.

XHTML and CSS Links, Images, Tables and Forms Bharti Patel 1 phones off (please)

1Computer Sciences Department. And use

Cascading Style Sheets, pt 2 ECA 225 Applied Online Programming.

Basics of Web Design 1 Copyright © 2016 Pearson Education, Inc., Hoboken NJ.

CIS 1315 – Web Development for Educators CIS 1315 HTML Tutorials 3 & 4: Working With CSS.

ALBERT WAVERING BOBBY SENG. Week 3: CSS  Quiz  Announcements/questions/etc  Homework.

Lesson 03 // Cascading Style Sheets. CSS Stands for Cascading Style Sheets. We’ll be using a combination of Html and CSS to create websites. CSS is a.

>> The “Box” Model. Pre-requisite Create a new project in Netbeans called Week5 Create a new html file and name it box.html Create a new css file and.

CSS Class 2 -Add margins to elements on a page. -Set width and height of elements. - CSS shorthand properties for box model. -Style links. -Style tables.

Web Development & Design Foundations with HTML5 7th Edition

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 6 Key Concepts 1 Copyright © Terry Felke-Morris.

CSS Layout Cascading Style Sheets. Lesson Overview  In this lesson, you will learn:  CSS Box Model  CSS properties for border  CSS properties for.

Copyright © Osmosys O S M O S Y SO S M O S Y S D e p l o y i n g E x p e r i e n c e & E x p e r t i s e™ CSS Training.

©SoftMoore ConsultingSlide 1 Introduction to HTML: Cascading Style Sheets.

CIS 228 The Internet 10/18/11 Grouping XHTML. CSS Selectors Rule: selector-group { property-declaration* } Selector-group: selector *, Selector: simple-selector.

ECA 228 Internet/Intranet Design I Cascading Style Sheets.

Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 4 Formatting Text and Links.

CSS. What does it stand for? Cascading Style Sheet.

WebD Introduction to CSS By Manik Rastogi.

Chapter 6 - Cascading Style Sheets™ (CSS)

CSS: Cascading Style Sheets

Cascading Style Sheet List Properties Box Properties Pseudoclass

>> The “Box” Model

Cascading Style Sheets (Formatting)

Cascading Style Sheets (Layout)

کارگاه آموزشی توسعه وب بخش دوم - CSS ارائه: عباس نادری

The Internet 10/25/11 XHTML Tables

CSS Applications to XML 19-Sep-18.

IS333: MULTI-TIER APPLICATION DEVELOPMENT

Cascading Style Sheet List Properties Box Properties Pseudoclass

Basics of Web Design Chapter 7 Page Layout Basics Key Concepts

Cascading Style Sheets

Second CSS Lecture Applications to XML

HTML5 Level I Session III

HTML5 Level I Session III

Cascading Style Sheets

More CSS Page layout Boriana Koleva Room: C54

More CSS 22-Feb-19.

CS3220 Web and Internet Programming More CSS

CSS Applications to XML 20-May-19.

CS3220 Web and Internet Programming More CSS

CSS Applications to XML 3-Jul-19.

Kanida Sinmai CSS – Cascading Style Sheets Kanida Sinmai

Cascading Style Sheets

Cascading Style Sheets™ (CSS)

CGS 3066: Web Programming and Design Fall 2019 CSS Extra

CS3220 Web and Internet Programming More CSS

Presentation transcript:

List Properties Box Properties Pseudoclass Cascading Style Sheet List Properties Box Properties Pseudoclass

List Properties list-style-image: url( ) list-style-type: disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha

Box Properties Width, Height Position: absolute, static, relative Top, Bottom, Left, Right Border-top, Border-left, Border-right, Border-bottom border-style: none, dotted, dashed, solid, double, groove, ridge Margin-left, Margin-right, Margin-top, Margin-bottom

Box Properties (Continued) Padding-left, Padding-right, Padding-top, Padding-bottom visibility: hidden, visible Z-index: …,-1, 0, 1, …

Pseudoclass To define a style for a certain tag state With hyperlink there are 3 different state Hyperlink not yet visited a:link Hyperlink activated a:active Hyperlink already visited  a:visited When mouse is over the link  a:hover