Social Icons

Monday, August 13, 2018

Tag selector and CSS syntax

1 - Tag selector and general syntax of a CSS code 

Before talking about the properties of a selector, let's take a simple example:

Example

For example to make the title tag H1 in red color, we use the code:
h1 {color: # FF0000; }
In this example:
  • h1 is called the tag selector (here it selects the title tag h1),
  • The command "color" here designate the selector property which is red in this case) from this example, we can deduce the general syntax of a CSS code:
Tag selector { property: values; }

2 - Example of CSS tag selectors

Example

For example, if you want the title tags to be in red with the size 22px, and the subtitle tags are in blue with the size 18px, you can  use the CSS code:
h1 {color: red;
  }
h2 {color: blue;
  }
Here is the complete code of the web page:
<Html>
<Head>
<Style>
h1 {color: red;
  }
h2
{Color: blue;
}
</Style>
<title> Tag selector </title>
</Head>
<Body>
<h1> Here's the title in red color ! </h1>
<h2> Here is the subtitle in blue color ! </h2>
</Body>
</Html>
 And here is the preview of the page:


No comments:

Post a Comment

Category Of Mobile Courses

Actualités (644) Adsense (1) Affiliation (1) Algebraic Topology (2) Algorithmic (1) all-news (30) Android (5) Android App (8) Android app without code (4) Android Apps (192) Android Development (4) Android download (2) Android OS (3) AngularJS (1) Automata theory and formal language (5) C programming (5) Category and Functor (8) CMS (3) Computer Glossary (18) Create Mobile App With Ionic Framework (2) CSS (2) CSS-Cascading-Style-Sheets (4) Developpement Java (13) Differential Geometry (1) Django-Python-Framework (8) dropshiping (26) Earn Money by Internet (4) Emplois (23) Framework php (2) Fraud (2) HTML (7) Java For Beginners (10) Javascript (12) Kotlin Programming Language (8) Kotlin For Mobile Android (1) Linux Download (2) Marketing (5) Mobile (3) Mobile Courses (4) Mobile Marketing (4) MoneyGram (1) News (721) Node.js (5) Open Source (1) Photoshop (1) Protect Computer (1) Python (35) Python BeautifulSoup (1) Python For Data Science (2) Python-Books (6) Python-DVD-Training (1) Python-Exercises (168) Python-Framework (1) Python-IDE (1) Python-Modules (1) Python-pdf (2) Python-pyQt (1) Référencement (2) Script PHP (2) Security (6) SEO (1) Snipping Tool: Faq (1) Social Networks (1) Source Code (1) Statistics With SPSS (2) Surveillance Software (1) Travail à domicile (6) Tutoriels php en vidéos (2) Tutoriels-MySql (6) tutoriels-php (19) Utilitaires (1) VPS (1) Web Hosting (1) Webcam (1) Webmarketing (11) Western Union (1) Windows 10 (1) Windows 7 (4) Windows 7 Faq (2) Windows 8 (1) Windows Accessories (1) Windows Download (8) Windows Drivers (1) Windows Fonts (1) Windows Power Shell (2) Windows Registry (2) Windows Security (18) Windows Software (2) Windows Spyware (2) Windows utilities (3) Windows Virus (2) Windows Vista (3) Windows Wireless (1) Windows xp (1) Wordpress (1)
 

Sample text

Sample Text

 
Blogger Templates