Pankaj Shah

I hope you enjoy reading our blog posts. If you want DCP to build you an awesome website, click here.

What is CSS 3

14-01-2013

Back

CSS 3 stands for cascading style Sheets. Cascading style sheets are used commonly when designing a website. Cascading style sheets (CSS) allows a designer to separate the written content of a webpage from the design elements such as content layout, fonts and colours.

CSS (cascading style Sheets) allows a web designer to easily change the style and design of a website without having to edit every single page separately. In essence, the cascading style sheet provides a central location that can be updated in terms of style and design, this can then be applied to a website with ease.

Cascading Style Sheets can also be used to display a web page differently depending on the screen resolution or the type of device on which the website is being viewed on. For instance, you may want to display the website in a different view for a mobile device compared to a desktop computer. This is known as responsive web design.

CSS (cascading style Sheets) use several keywords to specify the different types of style properties. These may range from declaring font types, font colours, bullets list styles and much more. A cascading style sheet consists of a list of syntax rules. Each rule declared must contain one or more selectors and a declaration block.

What is CSS3 discussion

Before CSS was created a web designer would typically have applied visual attributes of a document within the HTML page code. Elements such as font colours, alignments elements, background styles and borders would have been coded directly into the HTML page, this meant that when a new page was created the same visual attributes would need to be re-entered to keep a consistent style throughout the whole website. As you can imagine if you needed to make a simple style change then you would have to go through all of the created pages and make the necessary updates to particular visual attributes, this was very time-consuming.

CSS allows a designer to move the majority of this style/visual attributes information to a separate file which results in a much easier process when having to make site-wide or even basic visual attributes updates. Another result in separating the style/visual attributes into another file (CSS file) also meant that the HTML code became much cleaner, easier to read and manipulate. Elements such as heading tags, text alignment, spacing, size and font colours can take their visual attributes directly from the CSS style sheet.

A CSS file can also be thought of as an external style sheet, it is possible to have many style sheets which can control the visual look of different parts of a website. On larger sites, there may be many different style sheets for different sections of the site. Typically smaller sites would only have a single style sheet. An external style sheet can be associated with an HTML document by using the following syntax code within the HTML document as follows:

<link href=”path/to/file.css” rel=”stylesheet”>

There are many resources on the Internet that can help you to learn how CSS can be applied to your website, it is worth noting that you should also have a good understanding of HTML. Below we have listed just a few of the resources available so why not check some out and start learning CSS today:


Article created by: DCP London Website Design


Tell Us Your Thoughts

Thank you for contacting us.
We will reply to you in next 2 working days.


Releated Posts


HTML5 & CSS3 - Beginners Tutorial - Part 8 - W3C HTML Code Validation Tutorial

14-01-2019

HTML5 & CSS3 - Beginners Tutorial - Part 8 - W3C HTML Code Validation Tutorial

In this video tutorial, I will show you how to validate your code using a free W3C HTML Code Validation tool.

21 Psychological Elements For Powering Effective Web Design

16-06-2020

21 Psychological Elements For Powering Effective Web Design - Infographic

Are you looking for tips to make your current business website more effective? Do you want to understand how psychology can help with your web design process?

Top 50 design blogs for inspiring web designers and web developers

02-05-2018

Top 50 design blogs for inspiring web designers and web developers

So you are planning on giving your blog a refresh. So what do you do next? Do you sit on it and wait for the lightbulb to turn on and illuminate the way or do you go searching for inspiration?

How to setup email forwarding using Cpanel Webmail - Video Tutorial

01-10-2017

How to setup email forwarding using Cpanel Webmail

In this video tutorial, I will show you how to set up email forwarding using Cpanel Webmail. Email forwarding allows you to simply make a copy of an incoming email and send it to another email address. For example, you may want to forward accounting-related emails to your accountants or if you are going on holiday you can forward emails to another member of staff.

GET YOUR FREE QUOTE


CLAIM YOUR 2 HOURS

FREE CONSULTANCY


  • AFFORDABLE PRICING
  • 15 YEAR KNOWLEDGE
  • LONDON BASED DESIGN AGENCY

NO OBLIGATION QUOTE

arrow
Please enter your name
Please enter correct email
Please enter your phone number
Please enter your message

Your data is encrypted and never shared.
View our privacy policy.

Thank you for contacting us.
We will reply to you in next 2 working days.

back