Social Icons

Thursday, July 12, 2018

Introduction to Cascading Style Sheets (CSS)

1 - Introduction

Introduced in 1990, CSS is becoming widely used in web design and well supported by web browsers. CSS (Cascading Style Sheets) is a language that groups together formatting features associated with groups of elements in a single document. You only need to define a set of definitions and formatting characteristics by a name, and call it to apply to a text. A css code is inserted between the head and /head tags while its effect applies to the entire web page in question.

2 - General syntax of a css code

The syntax of a css code is as follows:
Tag selector {property: values;}
The selector: This is usually the element or the html tag to which you want to apply the style. The property: is the attribute that we want to modify by entering a value. Example: Here is the css code to put all H1 tags in red and centered:
H1 {color: red; text-align: center;}

3 - Inserting CSS code 

3.1 - Internal method on HTML page 

This method frames the css code between the tags :
< style> 
css code here
</ style> 
and integrates it directly between the < head> and </ head> tags. 

3.2 - External method to the HTML page 

This method makes it possible to store the css code in a file whose extension is .css for example style.css and apply it to the html pages by inserting between the tags head and /head a link of the type:
< link href="style.css" rel="stylesheet" type="text / css">< /link>


Younes Derfoufi

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 (188) 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 (165) 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