Author: Awais Farooq
-
Differentiate between CSS3 and CSS2.
The main difference between CSS3 and CSS2 is that CSS divides different sections into modules and supports many browsers. It also contains new General Sibling Combinators responsible for matching similar elements.
-
What are the elements of the CSS Box Model?
The CSS box model defines the layout and design of CSS elements. The elements are content (like text and images, padding (the area around content), border (the area around padding), and margin (the area around the border).
-
Tell us about the use of the ruleset.
The ruleset is used for the identification of selectors, which can be attached with other selectors. The two parts of a ruleset are:
-
What do you understand by the universal sector?
A universal selector is a selector that matches any element type’s name instead of selecting elements of a particular type. Example: <style> * { color: blue; font-size: 10px; } </style>
-
Name some CSS frameworks.
CSS frameworks are libraries that make web page styling easier. Some of them are Foundation, Bootstrap, Gumby, Ukit, Semantic UI, etc.
-
RWD Frameworks
Responsive Web Designing is the need of the hour. The extensive use of mobile devices among the masses, results in active responsive designing so that the applications or websites appear and function correctly on every kind of device. A good and effective CSS framework provides ready-to-use libraries that considerably save the development time used in…
-
RWD Videos
Alike images, videos can be made responsive too, such that the video should expand to fill the entire content area, while maintaining its original aspect ratio. When a fixed width or height of a video is specified, it may cause layout issue, such as breaking page layouts, distorting the image, or displaying black bars around…
-
RWD Images
Responsive images are important for the web development, as they ensure that the images are appropriately sized based on the device size and resolution. The responsive images improve the page loading speed and also reduce the time to load it. When an image is uploaded to a website, it has its default width and height;…
-
RWD Media Query
A media query in CSS is a method that targets the browser through some characteristics, features and user preferences and then execute or apply the styles on the elements. A media query is specified in a @media rule which wraps the element with conditions describing when and where the styles need to be applied when these conditions…
-
RWD Grid view
A grid view is a layout system that organizes content on a webpage in a grid structure. The grid in its responsive form adapts to different screen sizes and devices. A grid view involves dividing the webpage into a series of columns and rows. Each section of the grid can contain different elements such as images, text,…