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.


analytics piwika