The :link pseudo-class is used to add special style to an unvisited link. Possible values could be any color name in any valid format. Example                    a:link { color:#000000; }                                Demo Link          

CSS pseudo-classes are used to add special effects to some selectors. You do not need to use JavaScript or any other script to use those effects.The most commonly used pseudo-classes are −ValueDescription:linkUse this class to add special style to an unvisited link.:visitedUse this class to add special style to a visited link.:hoverUse this class to add special style to an element when you mouse over it.:activeUse this class to add special style to an active element.:focusUse this class to add special style to an element while the element has focus.:first-childUse this class to add special style to an element that ... Read More

The z-index property is used along with the position property to create an effect of layers. You can specify which element should come on top and which element should come at the bottom. ExampleYou can try to run the following code to implement the z-index property −                                                     

Even the simplest designs can look fantastic and work correctly with a little CSS knowledge, which will increase your design abilities and improve the user experience on your website. To specify where an element appears on the page, we use the CSS position property. The position property determines the element's final positioning when combined with the top, right, bottom, and left CSS properties. There are various possible values for the position property: absolute, sticky, fixed, relative, and static. In this article we are going to learn about the CSS fixed positioning. CSS fixed positioning An element with a ... Read More

An element with position: absolute is positioned at the specified coordinates relative to your screen top-left corner.You can use two values top and left along with the position property to move an HTML element anywhere in the HTML document.Move Left - Use a negative value for left. Move Right - Use a positive value for left. Move Up - Use a negative value for top. Move Down - Use a positive value for top.ExampleYou can try to run the following code to implement absolute positioning −                            This div has absolute positioning.          

Relative positioning changes the position of the HTML element relative to where it normally appears. So "left:20" adds 20 pixels to the element's LEFT position.You can use two values top and left along with the position property to move an HTML element anywhere in the HTML document. Move Left - Use a negative value for left. Move Right - Use a positive value for left. Move Up - Use a negative value for top. Move Down - Use a positive value for top.ExampleYou can try to run the following code to implement relative positioning −                           ... Read More

The positioning related properties in CSS are:Relative PositioningRelative positioning changes the position of the HTML element relative to where it normally appears. So "left:20" adds 20 pixels to the element's LEFT position.Absolute PositioningAn element with position: absolute is positioned at the specified coordinates relative to your screen top-left corner.Fixed PositioningFixed positioning allows you to fix the position of an element to a particular spot on the page, regardless of scrolling. Specified coordinates will be relative to the browser window.

The visibility property with value visible is used to make an element visible. You can try to implement the following code to implement the visible property − Example                    p {             visibility: hidden;          }                              This paragraph is visible.                      This paragraph won't be visible.          

A property called visibility allows you to hide an element from view. You can use this property along with JavaScript to create very complex menu and very complex webpage layouts.The visibility property can take the values listed in the table that followsValueDescriptionvisibleThe box and its contents are shown to the user.hiddenThe box and its content are made invisible, although they still affect the layout of the page.collapseThis is for use only with dynamic table columns and row effects.ExampleYou can try to run the following code to learn how to work with visible and hidden values               ... Read More

CSS provides a property called overflow that tells the browser what to do if the box's contents are larger than the box itself. The following are the values of overflow property −ValueDescriptionVisibleAllows the content to overflow the borders of its containing element.HiddenThe content of the nested element is simply cut off at the border of the containing element and no scrollbars are visible.ScrollThe size of the containing element does not change, but the scrollbars are added to allow the user to scroll to see the content.autoThe purpose is the same as a scroll, but the scrollbar will be shown only if the ... Read More