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.
Many 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>
- Hyperlink <a href>