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 display property specifies if/how an element is displayed. Every HTML element has a default display value depending on what type of element it is. The default display value for most elements is block or inline. CSS Display Values CSS Display- elements: A block-level element always starts on a new line and takes up the full width available (stretches … Read more
CSS attribute selector selects the HTML elements that has a specific attribute or attribute with a specified value. This is the simplest form of an attribute selector that applies the style rules to an element if a given attribute exists. For example, we can style all the elements that have a title attribute by using the following … Read more
CSS Links can be styled with any CSS property (e.g. color, font-family, background, etc.). The web was founded on links. The idea that we can click/tap a link and navigate from one web page to another is how surfing the web become a household phrase. Links in HTML even look different from regular text without any CSS styling at all. … Read more
CSS units determines the size of a property you’re setting for an element or its content. For example, if you wanted to set the property margin of a paragraph, you would give it a specific value. This value includes the CSS unit.CSS has several options for which units to use when determining the size of various CSS … Read more
CSS pseudo-class is a keyword added to a selector that specifies a special state of the selected element(s). For example, :hover can be used to change a button’s color when the user’s pointer hovers over it.Pseudo-classes let you apply a style to an element not only in relation to the content of the document tree, but also in relation … Read more
