CSS Properties Panel

When we open the CSS panel and we choose the CSS Styles tab, we see that this consists of two parts.
The upper part is divided into two tabs, “All” and “Current” and you have “Properties” in the lower part.

In the “Current” tab in the upper part, you will see the different rules that are used for the element selected at that point in your page. For example, place your cursor on a link on your page, this will contain all rules that are applied to show this link. Whether this internal or external rules.

When we open the CSS panel and we choose the CSS Styles tab, we see that this consists of two parts.
The upper part is divided into two tabs, “All” and “Current” and you have “Properties” in the lower part.

In the “Current” tab in the upper part, you will see the different rules that are used for the element selected at that point in your page. For example, place your cursor on a link on your page, this will contain all rules that are applied to show this link. Whether this internal or external rules.

Unfold a style, we see all the rules included in this style.

We select a line in a style and we see the properties that apply to this rule in the lower part.
If we click on a property, we can change it.

Clicking on the text “Add Property” allows us to add a property to this rule.

 

At the bottom of the CSS Styles panel, we have seven buttons.

Button 4, 5 and 6 we have already seen in previous lessons

Button 7 seems clear to me, if you wish to delete a rule, select it and click the trash icon.

Buttons 1, 2 and 3 deal with displaying the properties for the selected rule.

Button 3 shows only the properties that are set for the currently selected rule

Button 2 shows all possible properties you can set for the currently selected line, in alphabetical order.

Button 1 shows all possible properties you can set for the currently selected rule, by category.

 

This is everything I currently have to say about CSS, but this is certainly not everything you can do with it.

When I talk about tables, I’ll show you how to format them using CSS.

 

Featured Courses

• Downloading iPad Apps
• Lesson 1: Introduction to Publisher
• Lesson 65: File Formats