86 lines
1.2 KiB
Plaintext
86 lines
1.2 KiB
Plaintext
|
|
*********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 }
|
|
|
|
*************
|
|
|