Morphing other page elements with advanced selectors
The most common usage of the advanced selector is to modify the default color and attributes of hyperlinks. By default all hyperlinks use a royal blue for unvisited links and a purple color for visited links. Because these colors, in all likelihood, won’t you have the benefit of adding two additional style states to all hyperlinks in addition to normal link and visited link states, with CSS you can style the hover state, which occurs when a visitor mousse over links, and the active state which appears when a visitor clicks a link. When creating the link styles take care that they’re created in the order they will be experienced because if the link styles are out of order, they may not work properly when viewed in a browser. Create the normal link state first, then the visited state, then the hover state and lastly the active state as shown in the preceding example. You can also use the advanced selector to create for any combination of tags all at once as well as tags with specific attributes. To style multiple tags at once, list all the tags separated by commas and no spaces in the selector half of the style definition.
Like a tag an object with an id attribute, set the selector by writing a number symbol. Like a tag redefine selector which automatically changes how contents surrounded by a particular tag appear anytime a style name uses the #ID syntax, the style definition will automatically be applied to the object with the matching ID. In some of the preceding examples. You’re seen a few of the attributes that you can add to a style definition, such as the border attribute, font size and background color. To help make choosing the right style attributes a little easier, you just need to remember that there are eight different style categories to choose from. Once you know the category you need, choosing the attributes within it makes much more sense.
This section is your introduction to the different types of CSS attributes. You can find specific details about all the CSS attributes in each category in appendix A. use this appendix as your guide, as you begin using CSS to make your design ideas come to life on the page. The type properties include attributes that can modify the way text appears on a web page. Attributes include font face, font size, font style, font color, font decoration, font weight, font variant, font case, and line height. You can apply background properties like color or a background image to a number of different objects on a web page including the page, a layer, a table, a table cell, and even text. Layers are like table less table cells that can be absolutely or relatively placed anywhere on a web page using the tag and CSS style definitions. You’ll learn more about layers in detail in chapter 14. Block properties control the alignment and spacing on a page through their tags and attributes. Use a block arrtibute to specify that a particular block of text has text alignment set to justify.
search engine optimization India And SEO India
Processing your request, Please wait....
