CSS Introduction - Types, Selectors, Pseudo-classes

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]

CSS Introduction - Types, Selectors, Pseudo-classes

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Destaque

Destaque (16)

Semelhante a CSS Introduction - Types, Selectors, Pseudo-classes

Semelhante a CSS Introduction - Types, Selectors, Pseudo-classes (20)

Mais de Digital Insights - Digital Marketing Agency

Mais de Digital Insights - Digital Marketing Agency (20)

Último

Último (20)

CSS Introduction - Types, Selectors, Pseudo-classes