Cascading Styles Sheets also known as CSS is a process of presenting elements of your website or HTML. It can be used to control the overall look, a certain aspect or part of your HTML code. CSS alone has a vast range of topics so we will start with the basic.

This tutorial will be the introduction to CSS in order for you to gain enough information to be able explores CSS and web designing even further. Creating or designing a website can be a little bit tricky, especially if you want to have a very responsive design.

An Introduction To CSSMany people are facing problems and having some difficulties when it comes to coding. If you are planning to have a website and do it on your own, you need to know the basic before starting.

You don’t need to become an expert to design a website, but it is a must for you to understand the basic before learning the intermediate information about CSS. It will help you understand everything about CSS easily.

What Does CSS Do?

A CSS code is basically a written rule or instruction that specifies the web browsers such as Chrome, Firefox, Opera and Internet Explorer how to present or display things on the page. Some of the sample components that a CSS controls are making text bold, positioning things to the page or setting the font style of the texts.

HTML and CSS co-exist on a web page, it tells the browsers how it should behave and what is actually on the page.

Common CSS Tags Used on a Page

CSS can help you reduce the number of tags used on a page, but still having the ability to look great and maintain its functionality by only using a few tags.

  • Heading <h>

The heading tags has six ranges from <h1></h1> up to <h6></h6>. It functions as a marking to specify the headings on the page. To mark the most important heading of your site, you can use <h1> and <h6> to the least important. It also helps the browsers to tell what the main page all about. When creating a website, you don’t want to use one size for the entire text. One of the purposes of heading tags is to highlight important information while getting the attention of the online users.

  • Paragraph <p>

Basically, this tag is used to mark certain text on your page as the paragraph. Paragraph tags are also considered as “block elements” meaning it functions as a blocker where a space is always inserted before and after the <p></p> tags. When you want to include a longer text or content in your website, you need to use this tag instead of heading tags. This will help you turn the looks of your website into a professional one.

  • Un-ordered / Ordered List <ul> <ol>

This tag is used to make a list of items or page menu. Unordered tag or <ul> tag function as a list with a bullet form or other images/sign that does not represent order giving it a generalize style. While the ordered list or <ol> is creating a list with number or letters. This kind of tag will help you make an interesting web content format, especially if you have so much information that you want the readers to read.

  • Division <div>

It is used to divide or a section of the page, the tag most often used as a container for other HTML elements to be able to style it with CSS or to perform tasks with Javascript. It can also be used to hold menus, as well as the main page. To create an interesting website, division or <div> play an important role.

  • Hyperlink <a href>

This is one of the important tags in CSS the hyperlink. It makes any text “linked” that when you clicked it you will be redirected to another page and load it or it can also activate/call Javascript. This is one of the great ways to send people on different pages from your website. When using this tag, you need to select related words in order to avoid giving the wrong idea or confusion to website visitors.


Leave a Comment

Your email address will not be published. Required fields are marked *