When building a new website by dreamweaver8.0, we sometimes need to adjust a mass of texts in different web pages part. How can we make it quickly and easily? You have guessed it! We need CSS styles to help us. CSS is short for the Cascading Style Sheets. When to adjust the whole page elements, we just need to modify the CSS styles rules. It is a convenient way to modify and beautify the web pages, which can reduce our work force. Now let us learn properties of CSS styles.
Now open the class rule definition dialog box. In the category list, at the left of the dialog box, you can find eight list items. Let us introduce them one by one, and create a new CSS styles.
First, in the Type options, Font is used for setting the font of texts. In the same way you can set the size, style, weight and so on. It is very simple. As the following picture showing, we set Size as 12, and so on.
Second, in the Background options, we can set the background color and background image. The Repeat list is used for arranging the image’s array, extending in vertical or horizontal or not. The Attachment list is to set the image rolling or not to adapt to the motion of the objects. Horizontal and vertical positions are used to set the background image’s position. Here we set the Background Color as “#CCFFFF”, and choose an appropriate picture for the Background image.
Third, in the Block options, we can use the Word spacing list to reduce or increase the spaces between words. Also, the letter spacing list is used for adjusting the spaces between letters, Vertical alignment for aligning the elements, text indent for the first rows’ indention of paragraphs. In addition, Whitespace can decide how to deal with the whitespaces in the text.
OK. Now click OK, and a new CSS style named .ys is created. Let us apply it into the text. Select the text that you want to apply the CSS style.
Then, in the Styles list, select the .ys style. One of the impacts will like this: the background image is below the text. You can look other impacts by doing it yourself.
Now, you can see attracting CSS impact. Have you been interested in it? We will introduce more about CSS in the future.
For help, advice, tips and tricks, challenges, feel free to visit our
or Submit your good resource to share.
Reminder: Unless stated otherwise, all resources published on this site are NOT for commercial use. To use any resource from this site for commercial purposes, please contact the author.
