Dia 10
This commit is contained in:
85
Practicas/Practicas CSS/Introdución a CSS.txt
Normal file
85
Practicas/Practicas CSS/Introdución a CSS.txt
Normal file
@@ -0,0 +1,85 @@
|
||||
|
||||
*********Donde podemos colocar el CSS*************
|
||||
|
||||
*En las etiquetas
|
||||
<span style="font-weight: bold"> negrita </span>
|
||||
|
||||
|
||||
**En la cabecera del HTML (Incrustados)
|
||||
<head>
|
||||
<style type= "text/CSS" >
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
||||
***Hoja enlazada
|
||||
<head>
|
||||
<link rel= "stylesheet" type= "text/css" href="css/estilos.css" title= "default" media= "screen" >
|
||||
</head>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
**************Cabecera hoja de estilos CSS************
|
||||
@charset "UTF-8";
|
||||
|
||||
|
||||
|
||||
*********Reset Navegadores**************
|
||||
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
****************Regla CSS**************
|
||||
p {
|
||||
text-align: justify;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
*********Comentarios******************
|
||||
|
||||
/* Esto es un comentario */
|
||||
|
||||
***************Selectores CSS****************
|
||||
|
||||
* universal
|
||||
|
||||
.Clase
|
||||
|
||||
#Id
|
||||
|
||||
etiqueta (agrupamiento p,div,a)
|
||||
|
||||
|
||||
**Selectores contextuales
|
||||
p span descencendente
|
||||
|
||||
p>span hijo directo
|
||||
|
||||
p+span hermanos
|
||||
|
||||
|
||||
|
||||
***Pseudoclases
|
||||
• :first-child
|
||||
• :link y :visited (enlaces)
|
||||
• :hover, :active y : focus
|
||||
|
||||
*************Herencia de propiedades**********
|
||||
El valor e specificado substituye el valor heredado.
|
||||
Prevalecen las propiedades con reglas más específicas.
|
||||
Prevalece la última.
|
||||
Prevalece autor - usuario
|
||||
P { font-size: 14px !important }
|
||||
|
||||
*************
|
||||
|
||||
Reference in New Issue
Block a user