2. Style.css – Basics

@font-face {
font-family: yanone;
src: url(‘fonts/YanoneKaffeesatz-Regular.ttf’);
}

-adaugă un font nou care nu face parte din categoria web-safe fonts;

body { font-family: yanone; color: #4b4b4b; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }

-se aplică fontul asupra întregului conținut, adăugându-i-se culoare și umbră;

::selection { background-color: rgba(122, 192, 0, 0.2); }
::-moz-selection { background-color: rgba(122, 192, 0, 0.2); }

-se modifică culooare backgroundului textului la selecție;

h2 { padding-left: 100px; font-size: 66px; color: #ff5400; height: 105px; }

-se adaugă un indent, se modifică dimensiunea și culoarea headingurilor de nivel 2

a { color: #7ac000; text-decoration: none; border-bottom: 1px solid #7ac000; padding-bottom: 2px; }
a:hover { color: #ff5400; text-decoration: none; border-bottom: 1px solid #ff5400; padding-bottom: 2px; -webkit-transform: rotate(-1deg) scale(0.95); }
a:active { color: #ff5400; text-decoration: none; border-bottom: 1px solid #ff5400; padding-bottom: 2px; position: relative; top: 1px; }

-se modifică proprietățile de afișarea a linkurilor în cele 3 stări;

p { font-size: 24px; margin-bottom: 15px; line-height: 36px; }

-se adaugă spațiere paragrafelor;

În acest moment tot textul este personalizat și pagina ar trebui să arate în felul următor:

 

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: