CSS outline property draws a line around the outside of an element. It’s similar to border except that: It always goes around all the sides, you can’t specify particular sides It’s not a part of the box model, so it won’t affect the position of the element or adjacent elements (nice for debugging!) Other minor facts include that … Read more
CSS Padding property allows you to specify how much space should appear between the content of an element and its border .The value of this attribute should be either a length, a percentage, or the word inherit. If the value is inherit, it will have the same padding as its parent element. If a percentage is used, the percentage … Read more
CSS Forms are used to enhance the look of an HTML form. CSS Forms-input fields If you want to style a specific input type, you can use attribute selectors: input[type=text] – will only select text fields input[type=password] – will only select password fields input[type=number] – will only select number fields CSS Forms-padding input You can use the padding property to … Read more
CSS Navigation bar refers to a group of links that lead to different pages of a web site. Navbars are either vertical or horizontal. The <nav> element should wrap primary bars such as the main navigation links of web sites. A navigation bar is basically a list of links, so using the <ul> and <li> elements makes perfect sense CSS Navigation Bar- vertical The … Read more
CSS Text and font properties serve to set the appearance of individual characters in a word or line of text. The main problems are unavailable fonts and mapping of (variant) glyphs to character positions. text inside an element is laid out inside the element’s content box. It starts at the top left of the content … Read more
CSS Opacity property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency. Opacity has a default initial value of 1 (100% opaque). Opacity is not inherited, but because the parent has opacity that applies to everything within it. You cannot … Read more
In CSS Tables, the <table> element is used for displaying tabular data. You can think of it as a way to describe and display data that would make sense in spreadsheet software. Essentially: columns and rows. Each table has three sub elements i.e, <tr>, <th> and <td> (1) <td> The <td> tags are the elements of the … Read more
CSS Image Sprites are a means of combining multiple images into a single image file for use on a website, to help with performance. Sprite may seem like a bit of a misnomer considering that you’re creating a large image as opposed to working with many small ones, but the history of sprites, dating back to … Read more
CSS tooltip refers to a popup message that appears after a mouse hover, or when elements get keyboard focus. It disappears on mouse out, or when the element loses keyboard focus. CSS Tooltip-Positions Top of the element Left side of the element Right side of the element Bottom of the element Right side of the … Read more
CSS MQ examples are as follows: CSS MQ Examples-responsive A responsive navigation menu: Media queries for column: Mediq query can hide elements on different screens: Media query can change layout of a page also: Media query can also change the font size:
