172718 vues

CSS

Sébastien Merour
publié le 13/06/2020 à 16h15 | modifé le 13/06/2020 à 19h00
Catégorie : LangagesCommentaires (1213)
CSS
Description

Le CSS (Cascading Styles Sheets) est un langage informatique permettant de décrire le style, la présentation d'un document HTML. Là où le HTML va se contenter de structurer un document, le CSS va prendre en charge le style, la mise en page d'une page web.

En réalité, le HTML n'a jamais eu besoin du langage CSS pour être exécuté sur un navigateur web. Cependant, le CSS est devenu rapidement une nécessité afin de séparer ce qui relève purement et simplement de la structure d'une page web (c'est le rôle du HTML), de ce qui relève de la mie en page (formes, couleurs, polices de caractères....).

Le style d'une page web peut être défini de 3 façons :

-soit directement dans la page HTML (avec par exemple la balise style, située dans la partie HEAD de la page)

-soit en mode inline (exemple : utilisation de la balise strong pour mettre en gras un texte)

-soit grâce à un fichier CSS, référencé dans la section HEAD de la page.

Il est évident qu'il est préférable d'utiliser la 3ème méthode. En effet : imaginons qu'un développeur souhaite modifier complètement le design d'un site web, sans pour autant modifier la structure des pages web. C'est là que le fichier CSS a son intérêt : le développeur pourra modifier le style du site en ne modifiant que le fichier CSS du site. Ce sera d'autant plus utile si le site web contient de très nombreuses pages.

Il est possible également qu'une page web ou qu'un site fasse appel à plusieurs fichiers CSS. Par exemple, il est fréquent de voir un fichier CSS différent pour chaque taille d'écran, afin de rendre un site 100% responsive.

Par ailleurs, le CSS est devenu de plus en plus puissant au fil des années. Désormais, le CSS permet d'afficher par exemple des animations, ou des graphiques particulièrement complexes.

Les sélecteurs

Le principe du CSS repose sur la sélection : on sélecte un élément (par exemple un type de balise, ou bien une balise possédant un identifiant) pour lui appliquer un style. On pourra par exemple appliquer une couleur rouge pour tous les titres de type H3.

Box Model

Tous les élements HTML (une image, un paragraphe, un formulaire...) peut être considéré comme une boîte. Pour définir cette boîte, on utilise 4 élements :

- Margin (Marge - l'espace qui est en dehors de la bordure)

- Border (Bordure - la bordure qui est autour du padding)

- Padding (Ecart - l'écart entre le contenu et la bordure)

- Content (Contenu - par exemple le texte et les images)

Grid

Grid est un principe CSS permettant d'afficher un Layout en mode "grille". Le développeur peut utiliser ce principe pour positionner des éléments dans une grille, en faisant varier par exemple la taille de chaque case, ou l'orientation de chaque rangée, etc...

Pour afficher un layout en mode Grid, il est nécessaire d'insérer l'instruction display: grid

Flexbox

Auparavant, nous avions 4 formats de Layouts possibles :

- Block, pour les sections d'une page

- Inline, pour le texte

- Table, pour afficher un tableau

- Positioned, pour positionner explicitement un élément.

L'arrivée du concept du Flexbox facilite la création de layout, sans avoir à utiliser les notions de float ou de position.

Pour activer la notion de flexbox sur un élément, il est nécessaire d'appliquer un affichage flex avec l'instruction display: flex

Les proprités d'un conteneur Flex sont les suivantes :

flex-direction

flex-wrap

flex-flow

justify-content

align-items

align-content

Fonctionnalités
Style / Mise en page
Date de création
17/12/1996
Créateur
W3C
Dernière version
3
Langage
CSS
Liens
Aux dernières nouvelles
Depuis 2010, CSS est censé évoluer vers sa version 4. Mais suite au succès de HTML 5 couplé avec CSS 3, il est possible que CSS 4 ne voit jamais le jour, où bien que la notion de version (5 pour HTML et 3 pour CSS) disparaisse, pour devenir des langages en constante évolution.

1213 Commentaire(s)
  1. user
    Bernardousaks
    19/09/2024 à 07h57  commentaire modifé
    Как Купить Мефедрон? САЙТ - VIP-COCAINE.STORE Сколько стоит Мефедрон? САЙТ - VIP-COCAINE.STORE КУПИТЬ НА САЙТЕ - https://vip-cocaine.store/ ЗАКАЗАТЬ ЧЕРЕЗ ТЕЛЕГРАММ- https://vip-cocaine.store/ ДОСТАВКА В РУКИ - https://vip-cocaine.store/ ЗАКЛАДКА ОНЛАЙН - https://vip-cocaine.store/ ССЫЛКА В ТЕЛЕГРАММ - https://vip-cocaine.store/ . . . . . . . . . . . . . . . . . . . . . . Теги поисковых слов для запроса "Мефедрон в Москве" Где Купить Мефедрон в Москве? Как Купить закладку Мефедрона в Москве? Цена на Мефедрон в Москве? Купить Мефедрон с Доставкой в руки в Москве? Сколько Стоит Мефедрон в Москве? Почему так просто Купить Мефедрон закладкой в Москве? Гарантия на Мефедрон в Москве? Купить Мефедрон с Гарантией? Круглосуточные магазины Мефедрона в Москве? Оптовые и Розничные продажи Мефедрона в Москве? Купить Мефедрон в Москве через Телеграмм? Лучший Мефедрон Купить? Купить Мефедрон в Москве по скидке и хорошей цене? Купить Мефедрон в Москве через свой телефон или ноутбук можно легко? Сколько где Мефедрона стоит цена? Как купить Мефедрон в Москве если нет очень много денег и нужно угостить девушку? С кем можно разделить грамм Мефедрон в Москве? Не плохой или хороший Мефедрон можно Купить в Москве на своей улице закладкой? Девушка угостила меня Хорошим Мефедроном в Москве из магазина? Мои друзья любят употреблять Мефедрон в Москве днем вечером и ночью и потом не спят целые сутки под Мефедрон в Москве? Мой любимый Мефедрон на планете купить? Мефедрон в Москве можно заказать с доставкой в руки через хорошего курьера прямо в теллеграмм и его привезут в руки без палева в Москве? Мой Мефедрон в Москве можно на выставке показывать потому что такой Мефедрон в Москве никто и никогда не виде подобного качества тут просто нет? Как хороший Мефедрон в Москве качественный провозят через границу из других стран чтоб люди радовались качеству Мефедрон в Москве? Очень купить Мефедрон советовали! Как ведут себя люди когда употребляют хороший качественный Мефедрон в Москве чтоб не спалиться в черных очках, которые цветом как Мефедрон в Москве? Могут ли принять мусора за Мефедрон в Москве если узнают что ты берешь его анонимно на сайте с гарантией который много лет продает Мефедрон в Москве? Все люди по разному реагируют и задают себе вопрос, на который уже есть давно ответ - Как же купить Мефедрон в Москве если хочеться качественного Мефедрона? Дополнительные теги - Купить Шишки в Москве, Купить экстази в Москве , Купить гашиш в Москве, Купить мефедрон в Москве, Купить экстази в Москве, Купить МДМА в Москве, Купить лсд в Москве, Купить Амфетамин в Москве, Купить скорость альфа ПВП в Москве, Купить гидропонику в Москве, Купить метамфетамин в Москве, Купить эйфоретики в Москве, Купить закладки в Москве, Купить ШИШКИ закладкой в Москве , Купить Стимуляторы в Москве, Купить Галлюцыногены в Москве, Купить Наркотики закладкой в Москве. Тег окончен

  2. user
    Davidiofskync
    19/09/2024 à 07h51  commentaire modifé
    Как Купить Кокаин? САЙТ - VIP-COCAINE.STORE Сколько стоит Кокаин? САЙТ - VIP-COCAINE.STORE КУПИТЬ КОКАИН НА САЙТЕ - https://vip-cocaine.store/ ЗАКАЗАТЬ КОКАИН ЧЕРЕЗ ТЕЛЕГРАММ- https://vip-cocaine.store/ ДОСТАВКА КОКАИН В РУКИ - https://vip-cocaine.store/ ЗАКЛАДКА КОКАИНА ОНЛАЙН - https://vip-cocaine.store/ ССЫЛКА В ТЕЛЕГРАММ - https://vip-cocaine.store/ . . . . . . . . . . . . . . . . . . . . . . Теги поисковых слов для запроса "Кокаин в Москве" Где Купить Кокаин в Москве? Как Купить закладку Кокаин в Москве? Цена на Кокаин в Москве? Купить Кокаин с Доставкой в руки в Москве? Сколько Стоит Кокаин в Москве? Почему так просто Купить Кокаин закладкой в Москве? Гарантия на Кокаин в Москве? Купить Кокаин с Гарантией? Круглосуточные магазины Кокаина в Москве? Оптовые и Розничные продажи Кокаина в Москве? Купить Кокаин в Москве через Телеграмм? Купить Кокаин в Москве по скидке и хорошей цене? Купить Кокаин в Москве через свой телефон или ноутбук можно легко? Купить Кокаина гидрохлорид! Как купить Кокаин в Москве если нет очень много денег и нужно угостить девушку? С кем можно разделить грамм Кокаина в Москве? Не плохой или хороший Кокаин можно Купить в Москве на своей улице закладкой? Девушка угостила меня Хорошим Кокаином в Москве из магазина? Мои друзья любят употреблять Кокаин в Москве днем вечером и ночью и потом не спят целые сутки под Кокаином в Москве? Самый чистый Кокаин в Москве Купить! Кокаин в Москве можно заказать с доставкой в руки через хорошего курьера прямо в теллеграмм и его привезут в руки без палева в Москве? Мой Кокаин в Москве можно на выставке показывать потому что такой Кокаин в Москве никто и никогда не виде подобного качества тут просто нет? Как хороший Кокаин в Москве качественный провозят через границу из других стран чтоб люди радовались качеству Кокаина в Москве? Лучший Кокаин в Москве Купить цена! Как ведут себя люди когда употребляют хороший качественный Кокаин в Москве чтоб не спалиться в черных очках, которые цветом как Кокаин в Москве? Могут ли принять мусора за Кокаин в Москве если узнают что ты берешь его анонимно на сайте с гарантией который много лет продает Кокаин в Москве? Все люди по разному реагируют и задают себе вопрос, на который уже есть давно ответ - Как же купить Кокаин в Москве если хочеться качественного Кокаина? Дополнительные теги - Купить Шишки в Москве, Купить экстази в Москве , Купить гашиш в Москве, Купить мефедрон в Москве, Купить экстази в Москве, Купить МДМА в Москве, Купить лсд в Москве, Купить Амфетамин в Москве, Купить скорость альфа ПВП в Москве, Купить гидропонику в Москве, Купить метамфетамин в Москве, Купить эйфоретики в Москве, Купить закладки в Москве, Купить ШИШКИ закладкой в Москве , Купить Стимуляторы в Москве, Купить Галлюцыногены в Москве, Купить Наркотики закладкой в Москве. Тег окончен

  3. user
    TaylorNic
    19/09/2024 à 07h45  commentaire modifé
    Access pill facts. Pill effects explained. buy imitrex with no prescription Find pill facts. Latest pill developments.

  4. user
    криптобосс автоматы
    19/09/2024 à 07h30  commentaire modifé
    Попробуйте свои силы в казино от Cryptoboss, станьте победителем вместе с королем криптовалютных игр, криптовалютные ставки для настоящих боссов, попробуйте удачу в казино Cryptoboss, Cryptoboss casino – ваш путь к успеху, Cryptoboss casino - ваш лучший выбор, ипотека доверия с Cryptoboss casino, Cryptoboss casino – ваша площадка для побед, качественный сервис и безопасность с Cryptoboss casino, Cryptoboss casino - ваш путь к криптовалютному успеху, революция в криптовалютных играх с Cryptoboss casino, Cryptoboss casino - ваш путеводитель в мире криптовалютных игр, Cryptoboss casino - ваш ключ к фортуне, встречайте криптовалютного короля в казино, Cryptoboss casino - ваше казино удачи, присоединяйтесь к лидерам в мире криптовалютных игр с Cryptoboss casino. сайт cryptoboss casino cryptoboss casino ru [url=https://ikea-expert.ru/]игровые автоматы криптобосс[/url] .

  5. user
    криптобосс cryptoboss
    19/09/2024 à 07h05  commentaire modifé
    Встречайте криптовалютного босса в казино, станьте победителем вместе с королем криптовалютных игр, возможность выиграть крупный джекпот, попробуйте удачу в казино Cryptoboss, выиграть криптовалюты легко в Cryptoboss casino, Cryptoboss casino - ваш лучший выбор, будьте боссом в мире криптовалютных игр с Cryptoboss casino, участвуйте в захватывающих играх в Cryptoboss casino, удивительные возможности в казино от Cryptoboss, особые привилегии для лучших игроков, достижения и успехи вместе с Cryptoboss casino, играйте на криптовалютных волнах вместе с Cryptoboss, Cryptoboss casino - ваш ключ к фортуне, следуйте за лидером с Cryptoboss casino, Cryptoboss casino - ваше казино удачи, присоединяйтесь к лидерам в мире криптовалютных игр с Cryptoboss casino. криптобосс вход [url=https://ikea-expert.ru/]cryptoboss casino войти[/url] .

Ajoutez un commentaire :