とりあえず、使い方をご覧ください。
https://developer.mozilla.org/ja/docs/Tools/Page_Inspector

ただし、基本的には、Firefoxはサイトを見るためのものであって、編集するものではありません。
ホームページビルダーのような作成用ソフトを使ったほうが、何かと便利かと思います。

＞左のほうの「Inspector」を選択してください。

これだけをみれば、どういうCSSで構成されていて、カスタマイズできるのですか。しかし長いです。私はさっぱりです。
右の方はRulesだけをみていけばいいのでしょうか。しかし、これもさっぱりです。

ある程度、基礎的なことを読んでEditorとLiveviewのあるもので勉強した方が早いのかな。フォームのカスタマイズだけですから。

とは、いうもののなかなかうまいこといかないと思いますが

[color=#323d4f][font=Lucida Grande, Trebuchet MS, Helvetica, Arial, sans-serif][size=4][highlight=#dee3e7]
[/highlight][/size][/font][/color]

「Network」が選択されているからです。
左のほうの「Inspector」を選択してください。

通常、F12でデフォルトで「Inspector」が選択されているはずですが。

[蛇足]
英語版をお使いでしょうか？

[size=2]よろしくお願いします。[/size]


[size=2]ビジネスフォームのTemplateをカスタマイズしたいのです。[/size]


[color=#333333][font=Helvetica Neue, Arial, sans-serif][size=2]過去にフォームがバランスが悪かったので直してもらいました。[/size][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][size=2]その時のGyazoは[/size][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][size=2]https://gyazo.com/0852519f3e32c90fd857c0d096f873f9[/size][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][size=2]御覧のようにバランスがとれていません。[/size][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][size=2]下記のCSSコードを挿入したら[/size][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][size=2]https://gyazo.com/0518dc6f7e1d3e2e28c22d264831f884[/size][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][size=2]バランスがとれるようになりました。[/size][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][size=2]https://gyazo.com/d2ce3afb762f88e3ac2b074953f138f1[/size][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][size=2]CSSコードがどうなっているか、FirefoxのF12がそのフォームがどういうCSSコードになっているかわかるらしいです。[/size][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][size=2]FirefoxのF12をみたら、下記のようになっていました。[/size][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][size=2]https://gyazo.com/b95ee18a6fc21c06cb644f3e10c5fdbb[/size][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][size=2]ここで質問です[/size][/font][/color]
[size=2][color=#333333][font=Helvetica Neue, Arial, sans-serif]１．[/font][/color][color=#333333][font=Helvetica Neue, Arial, sans-serif]どういうCSSで構成されているかFirefoxのF12をみればわかるということだが、その場合はどの部分をみれがいいでしょうか[/font][/color][/size]
[size=2][color=#333333][font=Helvetica Neue, Arial, sans-serif]２．CSSコードを書いているとき、それがどういうものになっているかプレビューできるものはあるか。FirefoxのF12をみるだけで、作成できないので質問しました。[/font][/color][/size]
[size=2][color=#333333][font=Helvetica Neue, Arial, sans-serif][/font][/color][/size]
[size=2][color=#333333][font=Helvetica Neue, Arial, sans-serif]以上識者の方の回答をお待ちしています。[/font][/color][/size]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][/font][/color]
[color=#333333][font=Helvetica Neue, Arial, sans-serif][/font][/color]