This tutorial series is created using CSS3 and HTML5 on Ubuntu Linux OS V 18.04. Cascading Style Sheet (CSS) is a style sheet language used to style documents written in markup language like HTML and XML. It allows developers to control how the webpage should be displayed by applying styles ( e.g color, font, space). Before CSS, all the styles and formatting were explicitly defined within HTML. Due to this, creation of large websites became a long and expensive process. This is because for every single page, style information has to be added repeatedly. For the solution of this problem, the World Wide Consortium (W3C) introduced CSS in 1996. CSS file is an independent file and is saved with [dot] css (.css) extension. Now developers can write the style information of the web pages to a separate style sheet. The separation of HTML and CSS i.e content and styling, makes it easier to maintain sites, improves content accessibility, share style sheets across pages and provides more flexibility. CSS3 is the latest version of the Cascading Style Sheets language and extends CSS2.1. It has several new features like shadows, gradients, rounded corners transitions or animations, and new layouts like multi-columns, flexible box or grid layouts. The CSS specifications are maintained by the World Wide Consortium (W3C). The latest snapshot of CSS published by it is available at https://www.w3.org/TR/css-2018 Read more
Foss : CSS - English
Outline: Overview of CSS • CSS Overview • About CSS • The content available in various tutorials in this series • First CSS file • Dimensions and Measuring units in CSS..
Outline: First CSS File Create a CSS file Syntax of CSS to write a style Types of Selectors About Declaration Save the CSS file in a folder Link a CSS file with an HTML file Desce..
Outline: Dimensions and Measuring Units in CSS What are measuring Units What are relative Units What are absolute Units Setting width using percentage Setting font size using percen..
Outline: Box Model in CSS What is Box Model Setting border using properties: -Style -Width -Color Setting different border styles for each side Setting margin Setting different ma..
Outline: Background in CSS What are background properties How to style background Setting background-color using: -Color names -Hexadecimal values -RGB values Setting background im..
Outline: Text Properties in CSS • Format and style text elements • Use of color names, hexadecimal values and RGB values to set the text color • Align the text horizontally usin..
Outline: Font Properties in CSS • Set the font-family property of the text • Style text font using the font-style property • Use of font-style values - normal, italic & oblique ..
Outline: Display Property in CSS • Set the display property to present an element on the webpage • Use of display property values • Set the display property using - Block, Inl..
Outline: Float and Overflow in CSS • About float property • Use of float property values - left, right, none, initial & inherit • Add an image • Set float property for an image • Abo..
Outline: Link in CSS • About styling link • Add links to the webpage • About default property of link: - Underline - Color • About link states - link, visited, hover & active •..
Outline: List in CSS • About list properties • Add an ordered list to the webpage • Add an unordered list to the webpage • Set the style of the marker for the ordered list • Set the ..
Outline: Table in CSS • About table properties • Add a table to the webpage • Set border for the table • Set width of the table • Set height of the table • Set horizontal alignment ..
Outline: Advanced Table Design in CSS • About table design • About different ways to design tables • Set horizontal border divider for the table • Set background to a particular color..
Outline: Forms in CSS • About properties used for styling forms • Design input text - Set border and border-radius property - Set width - Set padding - Set text color and ba..
Outline: Counters in CSS • About counters • About counters properties: • counter-reset property • counter-increment property • counter-reset property • counter()..
Outline: Multi-column Layout in CSS • About multi-column layout • About column properties • Add some text to the webpage • Set column-width property for the text • Set col..
Outline: Web Layout in CSS • About web layout • About header • Set heading as a header • Set CSS properties for header • About menu bar • Set links as menu bar • Set..