Casc Style Sheets Ii

Introduction ,[object Object],[object Object],[object Object],[object Object]

Reminder: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Reminder: ,[object Object],[object Object],[object Object],[object Object],[object Object],<html> <head> ... <link href= “styles.css” rel=“stylesheet” type=“text/css” /> </head> <body> ... <p>some text</p> </body> </html>

Reminder: ,[object Object],Into HTML file <head> ... <style type= “text/css”> @import url( “styles.css”); </style> </head> Into another style sheet - @import instruction must be first line of file! @import url( “styles.css”); /*other stylesheet starts here*/ h1 { font-size: 200%; color: #6b84b5 }

Order of Precedence ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Types of CSS styles ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Class Selector Styles ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

ID Selector styles ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

What is the Difference between class & id ? ,[object Object],[object Object]

Using Pseudoclasses ,[object Object],[object Object],[object Object]

Using Pseudoclasses Pseudoclass Match :link :visited :active :hover :focus Unvisited links Visited links Active links The link that the browser pointer is hovering over The link that currently has the user interface focus

Pseudoclasses example ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Cascading - Order of Precedence ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Casc Style Sheets Ii

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (16)

Ähnlich wie Casc Style Sheets Ii

Ähnlich wie Casc Style Sheets Ii (20)

Mehr von Digital Insights - Digital Marketing Agency

Mehr von Digital Insights - Digital Marketing Agency (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Casc Style Sheets Ii