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


WooCommerce Flatsome back image fade video tutorial

22-04-2021

WooCommerce Flatsome back image fade video tutorial

In this video tutorial, I will show you how to back image fade in your WooCommerce shop category pages. Back image fade on product listings allows a user to hover over a picture and automatically see a different view of the product. At DCP we often use this feature when building a website that contains clothing items. The back image fade can be used on any type of product listing which has more than a single image. 

Tips on reducing shopping cart abandonment

18-04-2020

Tips on reducing shopping cart abandonment

Why has there been such an increase in shopping cart eCommerce abandonment, you ask? Figures suggest that many websites are simply too complicated; by the time people reach the payment options they've either lost the will or the trust in continuing to payment.

How to add product variations in WooCommerce - Video Tutorial

21-04-2021

How to add product variations in woocommerce - Step by Step Guide

In this video tutorial, I will show you how to add products variations to your WooCommerce Shop. Product variation is WooComemrce allow you to add custom attributes to a product. The attribute terms are stored in a collection, this allows the collection of attributes to be used on many products in your shop.

Useful guide to ecommerce conversion rate optimisation

19-04-2017

Useful guide to ecommerce conversion rate optimisation

According to a recent survey carried out by Compass, the average conversation rate for eCommerce stores is as little as 1.4%. Crazily, this means that for every 100 hundred website visitors you attract, only one will make a purchase! If we want to increase this rate, we need to understand what discourages our prospective customers

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