20
CSS Introducción al desarrollo web http://idesweb.es/ CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos Universidad de Alicante (España) IDW-CSS-03

CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

  • Upload
    others

  • View
    29

  • Download
    0

Embed Size (px)

Citation preview

Page 1: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

CSS: ordenar un CSS

Sergio Luján Mora

Departamento de Lenguajes y Sistemas Informáticos

Universidad de Alicante (España)

IDW-CSS-03

Page 2: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

Contacto • http://gplsi.dlsi.ua.es/~slujan/

• http://accesibilidadenlaweb.blogspot.com.es/

• http://accesibilidadweb.dlsi.ua.es/

• http://desarrolloweb.dlsi.ua.es/

• http://www.youtube.com/user/sergiolujanmora

[email protected]

• @sergiolujanmora

Page 3: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

Page 4: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

• Reglas no utilizadas • Reglas duplicadas, que indican lo mismo o son contradictorias • Propiedades heredadas que pasan desapercibidas • El tiempo que se pierde para localizar una regla entre miles de líneas

Page 5: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

Organizar las reglas por orden alfabético: a, div, em, .importante, #principal, table

Page 6: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

Organizar las reglas por orden alfabético: a, div, em, .importante, #principal, table

Organizar las reglas por orden de aparición: html, body, h1, h2, div, #principal, p, .importante

Page 7: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

Organizar las reglas por orden alfabético: a, div, em, .importante, #principal, table Organizar las reglas por orden de aparición: html, body, h1, h2, div, #principal, p, .importante

Separar las reglas según la función que realizan: por un lado las reglas que modifican los bordes, por otro lado las reglas que modifican los colores, por otro lado las reglas que definen la maquetación

Page 8: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

Organizar las reglas por orden alfabético: a, div, em, .importante, #principal, table Organizar las reglas por orden de aparición: html, body, h1, h2, div, #principal, p, .importante Separar las reglas según la función que realizan:

por un lado las reglas que modifican los bordes, por otro lado las reglas que modifican los colores, por otro lado las reglas que definen la maquetación

Organizar las propiedades de una regla por orden alfabético: border, font-size, margin, padding, text-align

Page 9: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

Organizar las reglas por orden alfabético: a, div, em, .importante, #principal, table Organizar las reglas por orden de aparición: html, body, h1, h2, div, #principal, p, .importante Separar las reglas según la función que realizan:

por un lado las reglas que modifican los bordes, por otro lado las reglas que modifican los colores, por otro lado las reglas que definen la maquetación

Organizar las propiedades de una regla por orden alfabético: border, font-size, margin, padding, text-align

Organizar las propiedades de una regla del exterior del elemento al interior: margin, border, padding, text-align, font-size

Page 10: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

/* ... */

Page 13: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

Page 14: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

Page 15: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

Page 16: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

Page 17: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

Page 18: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

Page 19: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

http://idesweb.es/

[email protected] @idesweb

Page 20: CSS: ordenar un CSS - Ordenar un … · CSS Introducción al desarrollo web  CSS: ordenar un CSS Sergio Luján Mora Departamento de Lenguajes y Sistemas Informáticos

CSS

Introducción al desarrollo web http://idesweb.es/

Créditos de las imágenes y fotografías http://www.sxc.hu/photo/1008265