'.' selector'.' selector is a class level selector. The dot operator is used to create a style class which can then be applied on multiple html elements.'#' selector'#' selector is an element level selector. Hash operator is used to applying style on a particular element whose id is the same as used in '#' selectorExampleFollowing the example, shows usage of '.' as well as '#' selector on three div elements.    Selector Example>/title>           .blackBorder {          border: 2px solid black;       }       #redDiv {   ... Read More

:focus:focus selector is used to applying a required style when a form element got to focus like button, link, input box. An element can get focus using mouse or using tab key. A focus remains on the element until another element gets focus.:active:active selector is used to indicating that an anchor tag is active or a button is active. When the mouse is down, active selector applies and remains applied till the mouse is down.ExampleFollowing the example, shows usage of :focus as well as :active selector on button and link.    Selector Example           ... Read More

Before moving to the difference between both of these broader terms first it is important to define the mark up language as abbreviation for HTML is Hyper Text Mark-up Language where mark-up language is used to define the text document within tag which defines the structure of web pages.So HTML is the combination of Hypertext and Mark-up language.As already understood that HTML 5 is the advance version of HTML so on the basis of additional features in HTML 5 there are notable differences.Following are the important differences between HTML and HTML 5Sr. No.KeyHTMLHTML 51AV supportAs HTML is the initial version ... Read More

We can define the border color and outline color for an element. Unlike borders, outline doesn’t take up any space. The border-color property is used to set an element’s border color and the outline-color property is used to set its outline color. Syntax The syntax for CSS border-color and outline-color property is as follows − /*for setting border-color*/ Selector { border-color: /*value*/ } /*for setting outline-color*/ Selector { outline-color: /*value*/ } The following examples illustrate CSS border-color and outline-color property − Set Outline and Border for Span and div In this example, ... Read More

The CSS color property is used to change the text color of an element. We can specify values as standard color name, rgb(), rgba(), hsl(), hsla() and hexadecimal value.SyntaxThe syntax for CSS color property is as follows −Selector {    color: /*value*/ }The following examples illustrate CSS color property −Example Live Demo div {    height: 50px;    width: 50px;    float: right;    color: white;    background-color: #2f5587; } p {    color: rgba(225, 5, 135, 0.7);    border: 2px solid #16c618;    box-shadow: 0 7px 0 5px hsl(90, 60%, 70%); } Example Heading ... Read More

CSS grouping selector is used to select multiple elements and style them together. This reduces the code and extra effort to declare common styles for each element. To group selectors, each selector is separated by a space. In this article, we will be understanding how to apply grouping selectors in CSS. Applying Grouping Selectors in CSS We have applied grouping selector using element name and using id of the element. We have used div and article element as grouping selector to apply background-color, color and text-align properties to div and article tag making it center ... Read More

The CSS general sibling selector is used to select all elements that follow the first element such that both are children of the same parent. Syntax The syntax for CSS general sibling selector is as follows element ~ element { /*declarations*/ } The following examples illustrate CSS general sibling selector − Example 1 In this example, we have tags. We also have a tag between two tags − We provide learning tutorials, quizzes and video tutorials. Tutorials on databases and programming ... Read More

The CSS font-size property can be set with absolute and relative keywords. This scales the text as desired.SyntaxThe syntax of CSS font-size property is as follows −Selector {    font-size: /*value*/ }The following table lists the standard keywords used in CSS −Sr.NoValue & Description1mediumSets the font-size to a medium size. This is default2xx-smallSets the font-size to an xx-small size3x-smallSets the font-size to an extra small size4smallSets the font-size to a small size5largeSets the font-size to a large size6x-largeSets the font-size to an extra-large size7xx-largeSets the font-size to an xx-large size8smallerSets the font-size to a smaller size than the parent element9largerSets ... Read More

The CSS border-color property is used to specify a border color for elements. We can also set color for individual sides using the − border-top-color border-right-color border-left-color border-right-color Syntax The syntax of CSS border-color property is as follows − Selector { border-color: /*value*/ } Above, the value can be any color. The following examples illustrate CSS border-color property − Set border color The border color for the border is set using the border-color property. Let us see the example − ... Read More

The CSS border-style property is used to specify the border style for an element. We can also define border-style for individual sides using the − border-top-style border-right-style, border-left-style border-bottom-style Syntax The syntax of CSS border property is as follows − Selector { border-style: /*value*/ } The value can be any of the following − dotted − Set a dotted border dashed − Set a dashed border solid − Set a solid border double − Set a double border groove − Set a 3D grooved border ridge − Set a 3D ... Read More