Les feuilles de styles css ========================== ![category](web) ![tag](css) Css est un language qui permet d'ajouter à des élements html des caractéristiques liées au design. Les bases --------- Son utilisation est simple, il suffit dans notre fichier html d'ajouter ```html ... ... ... ``` Pour identifier un élément html, css utilise la notion de class, id, nom de balise mais aussi des paths. ```html // selection par nom de class .bold { font-weight: bold; } // selection par id #id { //todo } // selection multiple canvas, table, .myclass { width: 100% !important; /*max-width: 800px;*/ height: auto !important; margin: auto; } // par path .ng-table tbody tr { border: Opx none; border-top: 1px solid #999999; } ``` Gestion multi-terminals ----------------------- Il est possible de gérer dans la même feuille de style, le visuel d'un élement suivant la nature du terminal ```html .no-pc { display: none !important; } /* mobile-small */ @media all and (min-width: 0) and (max-width: 960px) { .no-mobile { display: none !important; } } ``` Vous pouvez tester cette feuille sur l'exemple suivant, en modifiant la taille de votre navigateur ```html
je ne suis pas sur un mobile
je ne suis pas sur un pc
```