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

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Destacado

Destacado (16)

Similar a Casc Style Sheets Ii

Similar a Casc Style Sheets Ii (20)

Más de Digital Insights - Digital Marketing Agency

Más de Digital Insights - Digital Marketing Agency (20)

Último

Último (20)

Casc Style Sheets Ii