Add a paragraph on the Live CSS panel to the manual

This commit is contained in:
Kovid Goyal 2014-05-22 20:36:07 +05:30
parent 32bfcd9303
commit 94f7a1d927
2 changed files with 22 additions and 0 deletions

View File

@ -511,6 +511,28 @@ right clicking inside the file in the editor and choosing :guilabel:`Split at
multiple locations`. This will allow you to easily split a large file at all
heading tags or all tags having a certain class and so on.
.. raw:: html epub
<div style="clear:both"></div>
The Live CSS panel
---------------------
.. image:: images/live_css.png
:alt: The Live Preview Panel
:class: float-left-img
The :guilabel:`Live CSS` panel shows you all the style rules that apply to the
tag you are currently editing. It is a great way to quickly see which style
rules apply to any tag. The view also has clickable links (in blue), which take you
directly to the location where the style was defined, in case you wish to make
any changes to the style rules. Style rules that apply directly to the tag, as
well as rules that are inherited from parent tags are shown.
The panel also shows you what the finally calculated styles for the tag are, so
you can see which rules were applied and which were overridden.
.. raw:: html epub
<div style="clear:both"></div>

BIN
manual/images/live_css.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB