Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language such as HTML.
CSS Media Queries for Responsive Web Design
A media query consists of a media type and zero or more expressions that check for the conditions of particular media features. Without the CSS3 media query, you would be unable to target particular CSS styles at particular device capabilities, such as the viewport width.
Page Layouts Using CSS
The most common way to lay out a page is by establishing a grid, which is generally made up of two or more columns. The float property is the standard method for creating a grid structure of columns in most modern web designs. This is done by taking block level elements that would normally stack vertically and horizontally and floating them next to each other.
CSS Box Properties
HTML tags are the building blocks of your web page. Web designers use the concept of the box as a metaphor to describe the various things that you can do to an HTML element, whether it is a single tag or several nested tags. A box can have several properties - including margins, borders, padding, width, and height - that can be influenced by CSS.
Styling Images Using CSS
Images on a web page are almost always one of three types: jpg, gif, or png. An HTML file tells the browser which images to place on the page and where to place them, but the images themselves aren't part of the HTML file. They are individual files that can be stored anywhere on the Internet.
Responsive Web Design Using CSS
Responsive web design makes web page look good using many different devices: desktops, tablets, and phones. Responsive web design uses only HTML and CSS. It is called responsive web design when you use CSS and HTML to resize, hide, shrink, enlarge, or move the content to make it look good on any screen.