Nous allons regarder un seul effet cool ici: mettre en surbrillance les lignes de la table lorsque vous la souris sur eux. Il existe une large gamme d`unités de taille que nous aurions pu utiliser, y compris les pixels, les pourcentages, et plus encore. Il y a deux façons différentes de centrer les choses. Dans ce court guide, nous introduisons CSS, démontrer la syntaxe CSS, expliquer comment fonctionne CSS, vous montrer comment ajouter le balisage CSS à un document HTML, et vous pointez vers de grandes ressources à partir du Web où vous pouvez en apprendre davantage sur CSS. Si vous pensez que vous avez un talent pour apprendre à créer des sites Web à partir de zéro-Voici quelques grands tutoriels étape par étape vaut la peine d`essayer. L`utilisation de sélecteurs d`éléments est un excellent moyen de créer une expérience de site Web attrayante, lisible et cohérente en créant un style cohérent des rubriques, des listes et du texte du paragraphe sur chaque page du site Web. Les navigateurs considèrent certaines propriétés comme des propriétés non héritées. Il ya quelques dizaines de mots-clés de couleur disponibles dans CSS3, mais des millions de couleurs peuvent être accessibles avec les autres modèles de couleur. Si vous utilisez le w3codecolor.
Nous commencerons avec une feuille de style incorporée dans le fichier HTML. Comme c`est fréquent pour les pages Web en cours, celui-ci a un menu qui relie à d`autres pages sur le site hypothétique, un contenu unique et une signature. Il est utilisé pour ajouter des couleurs, des images d`arrière-plan et des textures, et pour organiser des éléments sur la page. Utilisation du débordement: auto-si le dépassement est tronqué, une barre de défilement doit être ajoutée pour voir le reste du contenu. Il y a beaucoup de choses qui peuvent être faites pour ajouter de la personnalité et améliorer la lisibilité du contenu sur un site Web. Maintenant, chaque fois que vous souris sur une cellule de table, cette ligne va changer de couleur. Pourquoi les styles CSS sont-ils appelés en cascade? Le sélecteur est suivi d`un bloc de déclaration qui inclut trois déclarations. Mais juste quelques mots sur la structure de notre page HTML exemple. Nous allons utiliser un bloc de CSS pour clarifier ce que chacun de ces éléments est. Il sera déterminé par l`utilisateur et l`état du lien.
Au lieu de cela, CSS est utilisé pour sélectionner les éléments qui existent déjà sur une page Web et de définir la façon dont chaque élément doit apparaître. Ceci est accompli avec l`attribut « text-decoration ». Si vous souhaitez mettre en surbrillance votre appel à l`action ou un autre élément sur votre page, vous souhaiterez peut-être jeter une bordure autour d`elle. Sur le Web, vous ne pouvez jamais être sûr de ce que les polices de vos lecteurs ont sur leurs ordinateurs, si nous ajoutons quelques alternatives ainsi: si la Géorgie n`est pas disponible, Times New Roman ou Times sont également très bien, et si tout le reste échoue, le navigateur peut utiliser toute autre police avec serifs. Maintenant, notre style est complet. Pour une introduction plus légère et plus courte aux mises en page de grille, jetez un oeil à cet article de Mozilla. Feuilles de style en cascade et c`est la langue utilisée pour le style de la présentation visuelle des pages Web. Obtenez vos codes CSS ici! Une façon populaire de le faire est de mettre en œuvre un document CSS réutilisable appelé Normalize. Si vous êtes curieux de savoir quelles couleurs de texte brut vous pouvez utiliser, consultez cette liste de couleurs CSS à partir de Mozilla.
Si vous prévoyez d`utiliser CSS pour créer des mises en page Web, l`une des premières rubriques à maîtriser est le modèle de boîte. Cela garantit que l`élément est affiché en tant que bloc et que la marge de chaque côté est définie automatiquement (ce qui les rend égales). Il est important de savoir quand utiliser chacun. Créons une désignation pour les paragraphes qui doivent être en petites capitales. Alors que le texte souligné assez clairement indique un lien, il semble parfois plus agréable de ferraille qui soulignent. Text-align garantit que le texte est affiché au centre du bouton, au lieu d`un côté. Ne fermez pas l`éditeur encore, nous en avons besoin à nouveau. Les fichiers distincts sont bons, car il est plus facile d`utiliser la même feuille de style pour plusieurs fichiers HTML: vous n`avez qu`à écrire la feuille de style une seule fois. Le texte principal a été déplacé vers la droite et la liste des liens est maintenant à gauche de celui-ci, au lieu de ci-dessus. Insérez l`URL entre parenthèses après chaque lien avec la propriété de contenu sections de numérotation et sous-sections avec «section 1», «1. Vous n`avez pas à ajouter une classe ou un ID à un élément HTML afin de le Styer avec CSS.