CSS Training Session | Professional Development Program - QA InfoTech

Under QA InfoTech’s Professional Development Program (PDP) that aims to upskill and reskill its software testing and development workforce, a training session on Cascading Style Sheets (CSS) was conducted by an in-house expert, Anuj Yadav, Lead - Software Development and Samarth Dubey, Software Engineer for QA InfoTech’s test engineers and software developers under the guidance of Minesh Upadhyaya, Chief Operating Officer (COO).

A Brief About This Session

Cascading Style Sheets commonly referred to as CSS is an important element for any developer. As CSS is a markup design language like HTML, it simplifies the process of making web pages or websites presentable, focusing on the look and feel or the visual aspects. The colour of the text, font type, spacing in content and paragraphs, how columns are sized and laid out, type of background images or colours used, layout design, variations in display for different devices and screen sizes as well as a variety of other effects are all controlled by Cascading Style Sheets or CSS.

CSS emphasises on “style”, while HTML is used to structure a web document to define elements like headlines, paragraphs, embed images, videos and other media, etc. To simply understand, HTML is the foundation and CSS is the aesthetic choices. Like HTML, CSS is also written in simple plain text through a text editor or word processor on a computer with three main ways to add the CSS code to the HTML pages. 

Cascading Style Sheets (CSS) can be external, internal or inline with typical formats of saving files. External style sheets are saved as .css, used for determining the appearance of the entire website through one file. Internal style sheets form the instructions written directly into the header of a specific .html page. The third type, inline style sheets are snippets of CSS written directly into HTML code, applicable to only a single coding instance.

In this training session, Samarth and Anuj discussed the basic elements of CSS, it’s pre-processors, front end development, different aspects to understand the basic architecture and design patterns and other techniques like supreme processors to make products more efficient and faster. Post this session, the engineers will appreciate designing webpages better according to the client briefing to yield expected results.