Есть несколько способов посмотреть CSS стили, примененные к элементу на веб-странице:
- Инструменты разработчика браузера. Все современные браузеры имеют инструменты разработчика, которые позволяют просматривать и редактировать CSS код. Обычно, чтобы открыть инструменты разработчика, нужно нажать на клавишу F12 в браузере или щелкнуть правой кнопкой мыши на странице и выбрать «Инспектировать элемент».
- Расширения для браузеров. Существуют расширения для браузеров, которые могут помочь просмотреть CSS стили на веб-странице более удобно. Некоторые из таких расширений – это Web Developer для Chrome и Firefox, CSSViewer для Chrome, CSS Peeper для Chrome и Firefox.
- Исходный код страницы. Наконец, можно посмотреть CSS код, указанный непосредственно в исходном коде страницы. На странице он обычно находится внутри тэга
<style>или подключается отдельным файлом CSS. Чтобы открыть исходный код страницы, нужно воспользоваться опцией «Просмотреть исходный код» в браузере (для этого обычно нужно нажать комбинацию клавиш Ctrl + U на Windows или Command + Option + U на Mac).
