AgerNic.com/ro
WEB DEVELOPER SITE, HTML, CSS, PHP, SQL
Tutorial
Tutorial css » CSS Introducere

Introducere Tutorial CSS online
Prin utilizarea CSS putem îmbunătăți foarte mult eficiența dezvoltării web!

În tutorialul nostru CSS, veți afla cum să utilizați CSS pentru a controla stilul și aspectul mai multor pagini web în același timp.

Exemple de capitole

Acest tutorial CSS conține sute de exemple online

Prin intermediul editorului online al acestui site, puteți edita CSS online și puteți vedea efectul modificat
Ne permite să adăugăm aspect și design la paginile noastre și ne permite să împărtășim aceste stiluri de la element la element și pagină la pagină. Înainte de a putea debloca toate caracteristicile sale, totuși, există câteva aspecte ale limbajului pe care trebuie să le înțelegem pe deplin.

În primul rând, este crucial să știm exact cum sunt redate stilurile. Mai exact, va trebui să știm cum funcționează diferitele tipuri de selectoare și modul în care ordinea acestor selectoare poate afecta modul în care sunt redate stilurile noastre. De asemenea, vom dori să înțelegem câteva valori comune ale proprietăților care apar în mod continuu în CSS, în special cele care se ocupă de culoare și lungime.
Exemle CSS Style
<!DOCTYPE html>
<html> 
  <head> 
     <title>Cum se creează un buton HTML</title>
<style>
.btn {
border: none;
background-color: inherit;
padding: 14px 28px;
font-size: 16px;
cursor: pointer;
display: inline-block;
}
/* On mouse-over */
.btn:hover {background: #eee;}
.success {color: green;}
.info {color: dodgerblue;}
.warning {color: orange;}
.danger {color: red;}
.default {color: black;} </style> </head> <body> <h1> Aici va fi butonul nostru </h1>
<button type = "button"> Faceți clic pe </button>
<button class="btn success">Success</button>
<button class="btn info">Informatii</button>
<button class="btn warning">Atentie</button>
<button class="btn danger">Pericol</button>
<button class="btn default">Default</button>
</body>
</html>
Tags: CSS curs online. Invata CSS Tutorial online de la zero.

Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.