[b][size=20][color=#99715b][font=BebasNeue]В[/font][/color][/size]еб–инспектор[/b] — инструмент для разработки и отладки веб-страниц. С его помощью можно как проверить код JS, так и разобраться с css–стилем, не исправляя значения "вслепую" в администрировании.
В данном сообщении будет рассказано только о взаимодействии с css–стилем с помощью вышеназванного инструмента. А больше я и не умею, но буду рад, если кто–то дополнит. 

[b][size=20][color=#99715b][font=BebasNeue]Ч[/font][/color][/size]тобы открыть инспектор:[/b]
В большинстве браузеров инспектор открывается горячими клавишами ctrl+Shift+I. Исключением является, например, Explorer, в котором за вызов Developer Tools отвечает кнопка F12 (также можно вызвать с помощью меню "сервис", выбрав инструменты разработчика).
Можно вызвать инспектор, кликнув правой кнопкой мыши на интересующий элемент и выбрав пункт "просмотреть код"/"проинспектировать элемент" и так далее в зависимости от браузера.

[b][size=20][color=#99715b][font=BebasNeue]К[/font][/color][/size]ак пользоваться:[/b]
Разбирать будем на примере инспектора браузера Google Chrome.
[img]http://s3.uploads.ru/WiMkb.jpg[/img][align=center][size=10]внешний вид инспектора[/size][/align]
Чтобы выбрать какой–либо элемент форума, нужно кликнуть по нему на левой части панели Elements, выбрав из списка. При наведении элемент будет подсвечиваться браузером, как на картинке ниже.
[img]http://s6.uploads.ru/nyXd1.jpg[/img][align=center][size=10]подсвечивание активных областей[/size][/align]

Прокрутив вниз правую часть панели Elements, именуемую Styles, вы можете увидеть, что именно и каким цветом было подсвечено. В самом центре — глава торжества и его размеры.
[img]http://s3.uploads.ru/9OMWp.jpg[/img]

Стрелочка рядом с элементом указывает, что внутри есть вложенные, которые можно раскрыть.
[img]http://s3.uploads.ru/mSF9n.jpg[/img]

Теперь к делу .з
[b]Правая часть инспектора:[/b]
При нажатии левой кнопки мыши можно менять сам параметр (width, display, color и др.) или его значение. При клике на пустую область происходит создание нового параметра. При заполнении параметров можно стрелочками выбрать одно из допустимых значений, сразу увидев результат. Помимо того, нажав на квадрат рядом с кодировкой цвета, вы вызовете небольшое окно, с помощью которого можно быстрее и легче подобрать необходимый цвет.
[img]http://s6.uploads.ru/Wy0qd.jpg[/img] [img]http://s2.uploads.ru/7Sdy1.jpg[/img][img]http://s2.uploads.ru/IEKDU.jpg[/img] 
[img]http://s7.uploads.ru/7XzCi.jpg[/img]

Случай, когда параметр был перечеркнут, обозначает влияние более авторитетного свойства. Чтобы сие исправить, достаточно прописать !important или же работать с более авторитетным селектором.
[img]http://s3.uploads.ru/7E0wW.jpg[/img]

Наличие желтого треугольника говорит об ошибке. Если навести мышку на иконку треугольника, то можно увидеть её вид.
[img]http://s2.uploads.ru/Py8Ms.jpg[/img]

Кликом на эту иконку в верхнем правом углу вы вызовете список ошибок и проблем на странице:
[img]http://s3.uploads.ru/7xkIh.jpg[/img]
[img]http://s2.uploads.ru/wZtjJ.jpg[/img]

Помимо того, к выделенному элементу можно создать собственный селектор кликом на плюс в верхнем правом углу.
[img]http://s2.uploads.ru/DnJIZ.jpg[/img]

[b]Для комфортного переноса из инспектора на форум нужно:[/b]
кликнуть на селектор (это может быть class или id, указанные над параметрами и группирующие их), скопировать его название, перейти (в новой вкладке, не закрывая и не обновляя ту, в которой велась работа!) в администрирование, свой стиль и там с помощью встроенного поиска (ctrl+f) найти скопированный селектор, после чего подставить туда ваши значения.

Касательно селектора element.style. Он подразумевает применение свойств не к какому–либо селектору, а конкретно к элементу. Его применять следует, если пишете html–код в таблицу, сообщение или форму ответа, для вставки в стиль его параметры нужно отправить в другие селекторы. 
<div style="параметры из element.style"></div> — пример.

[b]Левая часть инспектора:[/b]
Вы можете применять стили к различным псевдоклассам, нажав на требуемый элемент правой кнопкой мыши и выбрав один из псевдоклассов в списке.
[img]http://s2.uploads.ru/rLjZd.jpg[/img]

Взаимодействовать с панелью элементов можно также (применимо, вновь, к html–коду), добавив какой–либо атрибут к элементу с помощью клика правой кнопки и выбора "Add attribute" либо изменив существующий с помощью двойного клика по нему.
[img]http://s7.uploads.ru/dJ3Dw.jpg[/img] [img]http://s2.uploads.ru/iQMBt.jpg[/img]