217993 vues

CSS

Sébastien Merour
publié le 13/06/2020 à 16h15 | modifé le 13/06/2020 à 19h00
Catégorie : LangagesCommentaires (2012)
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.

2012 Commentaire(s)
  1. user
    SportgamesM
    30/12/2024 à 00h33  commentaire modifé
    В последние годы Россия продолжает демонстрировать высокий уровень достижений в самых разных видах спорта, от лыжных гонок до фигурного катания. На фоне новостей о предстоящих этапах международных соревнований, а также изменениях в составе сборных команд, хочется обсудить, что нас ждет в новом сезоне, который обещает быть насыщенным и ярким. Одной из самых ожидаемых тем этого сезона станут лыжные гонки. Чемпионат России и этапы Кубка мира привлекут внимание не только профессионалов, но и любителей. Федерация лыжного спорта активно работает над развитием дисциплины, готовя новых звезд для сборной. Например, Александр Большунов, многократный победитель мировых соревнований, вновь готов бороться за медали и показывать свою непоколебимую силу. Российская сборная на лыжных трассах всегда вызывает гордость, и этот сезон не станет исключением. Другой важный аспект — фигурное катание, которое в последние годы стало чуть ли не визитной карточкой российского спорта. Евгения Медведева, несмотря на паузу в карьере, продолжает оставаться вдохновением для новых поколений, а Евгений Плющенко, теперь уже в роли тренера, активно развивает свою школу и подготавливает будущих чемпионов. Олимпийский сезон, даже если он не приносит игр, всегда оставляет надежду на новые успехи наших спортсменов, будь то юниоры или уже титулованные чемпионы. Конечно, невозможно не затронуть тему Олимпиады. Хотя последние события добавили вызовов для российской сборной, наши спортсмены продолжают бороться за свое место под солнцем. Игры — это всегда больше, чем просто спорт, это престиж и честь страны. На форумах, таких как Olympteka, активно обсуждают Липс РЅРµ стал менять состав женской СЃР±РѕСЂРЅРѕР№ Р РѕСЃСЃРёРё РїРѕ кёрлингу - Чемпионат возможные перспективы на предстоящих международных стартах. Как показывает история, российский спорт умеет удивлять, даже когда мир ставит под сомнение его возможности. Помимо этого, стоит отметить успехи в других видах спорта, таких как биатлон, хоккей и легкая атлетика. Кубок мира, этапы чемпионатов Европы и национальные первенства наполняют каждый сезон яркими моментами, которые мы запомним надолго. Каждый новый сезон — это не только гонка за медалями, но и история о людях, которые вкладывают душу в свое дело. Мы будем следить за успехами Александра Большунова, Евгении Медведевой, других звезд и молодых талантов. Россия всегда была и остается одной из сильнейших спортивных держав, несмотря на вызовы и преграды. С нетерпением ждем новых побед, обсуждений на форумах и незабываемых эмоций! Более подробно по ссылке - https://www.infox.ru/news/236/104875-evgenij-plusenko-hocu-vojti-v-knigu-rekordov-ginnesa СЃРїРѕСЂС‚ 2010 РіРѕРґР° РёРіСЂС‹ РёРіСЂР° башня СЃРїРѕСЂС‚ РёРіСЂС‹ СЃРїРѕСЂС‚ СЃРЅРѕСѓР±РѕСЂРґС‹ правила РёРіСЂС‹ лыжного спорта РёРіСЂС‹ РїРє СЃРїРѕСЂС‚ РІРёРґ спорта олимпийских РёРіСЂ Хороших успехов!

  2. user
    osteklenie_xvst
    29/12/2024 à 23h41  commentaire modifé
    Остекление балконов по выгодной цене в Петербурге, поможем выбрать подходящий вариант. Элитное остекление для балконов в Санкт-Петербурге, по доступным ценам и с гарантией качества. Изысканное остекление балконов в Петербурге, с учетом всех пожеланий клиента. Надежное остекление балконов в СПб, с гарантией и сертификатом. Удобное остекление балконов в Петербурге, с учетом всех требований и технических норм. остеклить балкон в спб https://balkon-spb-1.ru/ .

  3. user
    osteklenie_yjst
    29/12/2024 à 23h30  commentaire modifé
    Лучшее остекление балконов в СПб, предложим оптимальный вариант. Профессиональное остекление балконов в Петербурге, по доступным ценам и с гарантией качества. Эксклюзивное остекление для балконов в Санкт-Петербурге, с учетом всех пожеланий клиента. Надежное остекление балконов в СПб, с гарантией и сертификатом. Остекление балкона под ключ в СПб, по лучшей цене и быстрой установкой. сколько стоит остекление балкона https://balkon-spb-1.ru/ .

  4. user
    Ремонт стиральных машин
    29/12/2024 à 21h38  commentaire modifé
    Наш сервисный центр предлагает надежный ремонт стиральной машины рядом различных марок и моделей. Мы знаем, насколько необходимы вам ваши автоматические стиральные машины, и готовы предложить сервис высочайшего уровня. Наши профессиональные техники проводят ремонтные работы с высокой скоростью и точностью, используя только качественные детали, что обеспечивает длительную работу наших услуг. Наиболее частые неисправности, с которыми сталкиваются обладатели устройств для стирки, включают неисправности барабана, неработающий нагревательный элемент, программные сбои, неработающий насос и механические повреждения. Для устранения этих проблем наши опытные мастера оказывают ремонт барабанов, нагревательных элементов, ПО, насосов и механических компонентов. Обратившись к нам, вы получаете долговечный и надежный официальный ремонт стиральных машин на выезде. Подробная информация размещена на сайте: https://remont-stiralnyh-mashin-ace.ru

  5. user
    osteklenie_scst
    29/12/2024 à 20h56  commentaire modifé
    Идеальное остекление для балконов в Санкт-Петербурге, поможем выбрать подходящий вариант. Элитное остекление для балконов в Санкт-Петербурге, по доступным ценам и с гарантией качества. Индивидуальное остекление балконов в СПб, под заказ и с уникальным дизайном. Качественное остекление балконов в Петербурге, с оригинальными комплектующими и возможностью долгосрочного сотрудничества. Удобное остекление балконов в Петербурге, со скидками и акциями. остекление балконов в спб https://balkon-spb-1.ru/ .

Ajoutez un commentaire :