Кратък приложен CSS наръчник
99% от стилизирането може да се направи с тези 5% от CSS
автор
лектор · Ангел Арънски ·
дизайнер
Цветове
HEX - копиран от програма като Photoshop или взет от библиотека с цветове като http://colorlovers.com
#FF0000 - червено
Кратък формат на HEX кода:
color: #F19;
Което се превежда в #F01090
RGBA - Идва от червено, зелено, синьо и прозрачност от 0.0 до 1.0
rgba(255, 0, 0, 0.5) - червено с прозрачност 50%
CSS в елементите
Най-лесния начин да променим стила на някой HTML елемент е да сложим директно вътре в тага му.
...
Обаче в HTML елементите се повтарят в 90% от случаите и ние ще трябва да copy/paste-ваме тези правила навсякъде, докато правим HTML-а си нечетлив, непрофесионален и сложен за промяна.
Цвят на текст
color: #FF0000;
color: rgba(255,0,0,1);
Размери
font-size: 15px;
width: 200px;
Размерите в повечето случаи се задават в пиксели. За повече информация вижте тази статия:
http://photokie.com/kakwo-e-pt-px-i-em/
CSS в страницата
Ако искаме да не повтаряме стиловете навсякъде вътре в HTML елементите, то ще сложим CSS правила в ,който може да се намира на произволно място в ....
Така може да управляваме стила на страницата, без да вкарваме нито един style атрибут в конкретен елемент.
Обаче ако имаме няколко HTML страници, то ще е най-добре да извадим CSS правилата си в отделен файл (style.css). Тогава ще заменим
Сподели с приятели: |