19 questions
CSS stands for Cascading Style Sheets. It is a technology developed by the World Wide Web Consortium or W3C. It was developed to streamline the styling of webpages into a separate technology.
Following are the different variations of CSS:
Box Model in CSS is a layout that consists of a rectangular division consisting of HTML elements on a page. Different components that are included in the CSS box model are:
· Content: the text or image element
· Padding: space between the content and border
· Border: space surrounding the content and padding
· Margin: space surrounding the content and border
Advantages are:
CSS can be integrated in three ways:
<p style="colour:skyblue;"> hello world!</p>
<head> <link rel="text/css" href="your_CSS_file_location"/> </head>
<head>
<style>
p{
color:lime;
background-color:black;
}
</style>
</head>
CSS was first developed in 1997 as a way for web developers to define the visual appearance of the web pages that they were creating. It was intended to allow developers to separate the content and structure of a website’s code from the visual design, something that had not been possible prior to this time.
The separation of structure and style allows HTML to perform more of the function that it was originally based on — the markup of content, without having to worry about the design and layout of the page itself, something commonly known as the “look and feel” of the page.
A string equivalent of HTML elements by which declarations or a set of it, is declared and is a link that can be referred for linking HTML and Style sheet is CSS selector.
The z-index helps specify the stack order of positioned elements that may overlap one another. The z-index default value is zero, and can take on either a positive or negative number.
An element with a higher z-index is always stacked above than a lower index.
Z-Index can take the following values:
Mixin in CSS is used for grouping the CSS declarations which could be reused in the code execution. Mixin in CSS is used by @include along with the Mixin name and a semicolon. For instance:
.row {
@include grid(true);
}
Below are the prominent CSS frameworks in the web development industry today
The CSS opacity property is used to specify the transparency of an element. In simple word, you can say that it specifies the clarity of the image. In technical terms, Opacity is defined as the degree to which light is allowed to travel through an object.
They are:
Pseudo-elements are used to add special effects to some selectors. CSS in used to apply styles in HTML mark-up. In some cases when extra mark-up or styling is not possible for the document, then there is a feature available in CSS known as pseudo-elements. It will allow extra mark-up to the document without disturbing the actual document.
The p[lang] command is used for selecting all the elements of a paragraph.
RGB is a system of representing a certain colour in CSS. There are three streams in this nomenclature of representing a colour, namely the Red, Green and Blue stream. The intensity of the three colours is represented in numbers ranging from 0 to 256. This allows CSS to have a wide range of colours spreading across the entire spectrum of visible colours.
The background-position property is used to define the initial position of the background image. By default, the background image is placed on the top-left of the webpage.
You can set the following positions:
Sign in to join the discussion and post comments.
Sign in