Tuto WEBDEV 25

Part 7: Specific Web features 281 2.  The window for editing the CSS styles is opened. 3.  This window allows you to create or modify all CSS styles of project. ▶ Let’s study this window. This window includes 2 sections: • Section 1. The status of control onto which the style will be applied: normal, rollover, active, ... • Section 2. The CSS properties associated with the selected status. Each CSS property can be modified for each status. ▶ Let’s check the characteristics of the CSS style named "MyCustomStyle_InputArea": 1. Select the "MyCustomStyle_InputArea" style in the combo box of section 1 if necessary. 2. Select the "Normal" status (the first status of section 1). 3. Click the "Background" tab: the background color is white. 4. Select the "Edit" status (the 4th status of section 1). 5.  In the "Background" tab, the background color of input area is pastel yellow. The CSS style contains the style for each one of the states . 6. Close the description window of CSS style.