Views From Above

If you are ready to jump in and learn about web development, the cascading style sheet will be the main source used for style and editing. A website is broken down into HTML and CSS, HTML – which is the nitty-gritty and CSS – the bells and whistles. This article will walk you through how to create a style sheet and connect it to the html code, such that anything you write in html will link to the corresponding area of the style sheet. For example, common HTML tags, such as p (for paragraph) and h (for header) have a default look. That look needs to fit the style and brand of the company so the style sheet will tell the html to format based on conditions set. When the header needs to be in veranda font and size 16, you would create a definition in the css that looks like:
h {
font-family: verdana;
font-size: 16px;
This serves a great purpose, because every time a paragraph is written with a tag, it will automatically follow the condition to display in 16 pt veranda font. This serves a great purpose because you are able to reuse the same style throughout the website without having to write the html code for it every time. Although CSS can become very complicated, the premise is simple, and starting with the basics of color changes, fonts, and the like will help you define the future and reach new levels of customization.

Key Points:

  • 1CSS stands for Cascading Style Sheets and is the style to HTML’s structure of a website.
  • 2There are several ways to add style to your website including color, font style and font size.
  • 3CSS can be difficult however, you can use stylesheets to save what you’ve created in order to reuse it on other projects.

CSS is used to tell things where to sit on the page, how much space should around the rendered tag, what color the font should be, and many more things.

Leave a Reply

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