<h3 id="R4">4. Skróty XHTML/CSS</h3>


<p>
Ten sam skrót klawiszowy służy do wstawiania kodu XHTML oraz CSS.
</p>


<p>
Na przykład skrót <span class="shortcut">Ctrl+D+P</span> wstawia:
</p>


<ul>
<li>w dokumencie XHTML element <span class="variable">&lt;p&gt;...&lt;/p&gt;</span></li>
<li>w dokumencie CSS regułę <span class="variable">p {...}</span></li>
</ul>


<p>
W przypadku, gdy włączone są wszystkie szablony, wówczas
wyświetlane jest okno dialogowe widoczne na rysunku 6.
Należy ręcznie (tj. przy użyciu klawiatury lub myszki)
wybrać czy wstawiony ma być kod XHTML
(tj. element <span class="variable">&lt;p&gt;...&lt;/p&gt;</span>)
czy CSS (tj. reguła <span class="variable">p {...}</span>).
</p>

<div class="image">

<a href="img/6-duze.png"><img src="img/6.png" alt="" /></a>

<p>
Rys. 6.
Wybór: element XHTML <span class="variable">&lt;p&gt;...&lt;/p&gt;</span> czy reguła CSS <span class="variable">p {...}</span>
</p>
</div>




<p>
Podobnie, skrót <span class="shortcut">Ctrl+E+E</span> wstawia:
</p>


<ul>
<li>w dokumencie XHTML element <span class="variable">&lt;em&gt;...&lt;/em&gt;</span></li>
<li>w dokumencie CSS regułę <span class="variable">em {...}</span></li>
</ul>



<p>
W przypadku, gdy włączone są wszystkie szablony, wówczas
wyświetlane jest okno dialogowe widoczne na rysunku 7.
Ręcznie wybieramy pomiędzy elementem
<span class="variable">&lt;em&gt;...&lt;/em&gt;</span>
a regułą
<span class="variable">em {...}</span>.
</p>

<div class="image">

<a href="img/7-duze.png"><img src="img/7.png" alt="" /></a>

<p>
Rys. 7.
Wybór: element <span class="variable">&lt;em&gt;...&lt;/em&gt;</span> czy reguła CSS <span class="variable">em {...}</span>
</p>
</div>


