Javeria Mohsin

CSS combinators are explaining the relationship between two selectors. CSS selectors are the patterns used to select the elements for style purpose. A CSS selector can be a simple selector or a complex selector consisting of more than one selector connected using combinators.There are four types of combinators available in CSS which are discussed below: … 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 Float property places an element on the left or right side of its container, allowing text and inline elements to wrap around it. The element is removed from the normal flow of the page, though still remaining a part of the flow (in contrast to absolute positioning). CSS Float Uses Float is a CSS positioning property. To … 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 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

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 !important property in CSS is used to provide more weight (importance) than normal property. In CSS, the !important means that “this is important”, ignore all the subsequent rules, and apply !important rule and the !important keyword must be placed at the end of the line, immediately before the semicolon. In other words, it adds importance 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 Web fonts allows custom fonts to be loaded on a webpage. Once added to a stylesheet, the rule instructs the browser to download the font from where it is hosted, then display it as specified in the CSS. You will have a @font-face block at the start of the CSS, which specifies the font file(s) to download: … Read more

CSS Dropdown menus are used to hide a predefined list within a button. HTML) Use any element to open the dropdown content, e.g. a <span>, or a <button> element. Use a container element (like <div>) to create the dropdown content and add whatever you want inside of it. Wrap a <div> element around the elements to … Read more