Web Design Tutorial: CSS Syntax

Web Design Tutorial: CSS Syntax

Hi buddy, web design tutorials will discuss one of the most important science to beautify web design namely CSS. CSS stands for Cascading Style Sheet which can be a single application with html or php script. To define CSS, then in need of CSS syntax that can work well when on the call in html or php script. The basic form of the syntax of CSS is composed of three parts:
  • Selector
  • Property
  • Value
Selector is an element which is a marker part in html script that you want to change the appearance to look more attractive website design. Within the property there is a selector that is the attribute you want to change, an example of a property is color, text alignment and more. Each property has a value which is a core part of the CSS syntax, because this is part of your value will change. For more details you can see in the image below.

Web Design Tutorial: CSS Syntax

As an example I provide source code html which in it already contained a script that will change the element <h1>. In general, CSS script always begins with <style type="text/css"> and ends </style>.

<!DOCTYPE html>
<html>
 <head>
  <title>This Example of CSS syntax</title>
  <style type="text/css">
   h1{
    color : blue;
    text-align : center;
   }
  </style>
 </head>
 <body>
  <h1>Web Design Tutorial</h1>
 </body> 
</html>

CSS Syntax Video


3 Responses to "Web Design Tutorial: CSS Syntax"

  1. This is my first time visit to your blog and I am very interested in the articles that you serve. Provide enough knowledge for me. Thank you for sharing useful and don't forget, keep sharing useful info: Web Developer Gold Coast

    ReplyDelete
  2. Thank you so much for sharing the best information. web designing in UK

    ReplyDelete