Each block style has the following properties:<br/>
<ul>
<li>Selector ID – internal, read-only ID of the selector.</li>
<li>Selector Name – the CSS name of the selector. All custom selectors usually start with a “.”, and HTML-specific selectors start with the element name, such as BODY, TABLE, TD, P, etc. The selector name is used in the “class” attributes of the HTML elements inside theme templates. Selectors that describe entire groups of elements (BODY, for example, describes the page body) are applied automatically.</li>
<li>Based On – the name of the base style, related to this block style.</li>
<li>Name – the name of the block style, used for internal reference by the administrator.</li>
<li>Description – this is a field for administrator’s notes about the style sheet.</li>
<li>Advanced CSS – this field contains advanced CSS instructions, per CSS 2.1 specifications. It is optional.</li>
<li>Style – this is the actual definition of the style for this selector. Clicking on the Editor icon next to the field label will bring up a pop-up window, which contains all of the style’s properties, which can be modified here. Once you are done with your changes and hit Save to close the window, you can see the actual CSS definition, and preview how the base style looks to the right.</li>