markdown algunas notas de CSS

Posted 2021-05-06

# Pseudo Clases para Links:

Con alguna frecuencia no funciona la especificación "Hoover" de un hiperenlace. Esto es porque el browser entra en conflicto debido a la manera en que se han definido las pseudo-clases de formato de dicho hiperenlace (espera estén definidas en un orden concreto y las pseudo-clases no lo siguen).

Declarar siempre las pseudo-clases del hiperenlace en la CSS en el siguiente orden:

a {}  
a:link {}  
a:visited {}  
a:hover {}  
a:active {}  

muy  buena guía para usar [las clases de css](https://code.tutsplus.com/es/tutorials/the-30-css-selectors-you-must-memorize--net-16048) 

[otro](https://www.arkaitzgarro.com/css2/capitulo-13.html)


# medidas para las media queries:  

~~~css
@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }
~~~




# Algunas consideraciones
- Los puntos de quiebre a usar 
> hasta 480 para phones  
> 481-768 para tablets  
> 769- 1200 para desktop  
> 1201-1824 para mas grande  

- Cada sitio solo debe tener de 3 a 6 tamaños de fuente diferentes.  
Con más de 6 tamaños de fuente declarados en su proyecto, es probable que sus usuarios no se den cuenta y 
que el sitio sea más difícil de mantener.