BG-HALF-LIFE
BG-HALF-LIFE

BG-HALF-LIFE

Българският Half Life портал
 
PortalPortal  ИндексИндекс  Последни снимкиПоследни снимки  Регистрирайте сеРегистрирайте се  ВходВход  
Присъединете се към нас в Discord или в групата ни във ФБ HL-BG Community
BG-SMURFA-VRATSA-Bat-Man Vs Iron-Man
Визита от други Държави
Flag Counter
Вече може да ни откриете и във социалните мрежи.

Share

Използване на CSS

Предишната тема Следващата тема Go down
АвторСъобщение
NoiZeR
VIP
VIP
NoiZeR


Брой мнения : 217
Дата на регистрация : 27.03.2012
Години : 26
Местожителство : Велико Търново

Използване на CSS Empty
ПисанеЗаглавие: Използване на CSS Използване на CSS EmptyНед 22 Яну 2017, 17:05

За да си направите някаква страничка чрез код Ви е необходим HTML, xHTML код. В тази тема са показани основите и принципите на този език - [You must be registered and logged in to see this link.]

Може да се каже, че в днешно време HTML е основата на един професионален уеб сайт/страница , но все по често се използва за структуриране на страницата и до там..
След това идва "украсяването" на страницата и за тази цел най-често се използва друг език - CSS



Какво е CSS.

CSS идва от съкращението Cascading Style Sheets и предтавлява отделен език, който ни помага да променяме външния вид на нашата xHTML страница.
CSS е нещо като “надбавка” към HTML т.е. уеб страницата може да съществува сама по себе си дори и без помоща на CSS. CSS обаче не може да съществува без наличието на уеб страница, защото CSS се използва, за да промени стила на желания HTML елемент.


Как се вкарва CSS код в xHTML страница.

Начините са 3:

- Чрез атрибута style в отварящия таг на даден елемент;
- Чрез елемента <style> в раздела <head> на html документа;
- Чрез външен Style sheet.

Ще Ви обясня последния начин за задаване на CSS, защото е най-удобен за повечето кодери и е на отделен текстов документ.

Създаване на външен CSS файл

Няколко прости стъпки са:
- Трябва да отворите нов раздел/страница на текстовия редактор, който ползвате, примерно Notepad++.

- Съхранявате празния документ в същата директория, където е Вашия .html документ (за по удобно) с разширение .css

- И накрая за да свържете двата документа, за да може кода да е ефикасен - в html документа в <head> тага се пише следния линк - <link href="style.css" rel="stylesheet" type="text/css" />

И вече почвате да си стилизирате страничката в отделен документ.



HTML = структура, CSS = външен вид! Запомнете това и никога не го забравяйте. Какво означава това ли? Чрез HTML казвате кое е заглавието, кое е цитатът, кое е основният текст, кое е таблицата с цифрите от годишния отчет, т.е. подреждате своите страници. Чрез CSS казвате какъв и колко ще е голям шрифтът на заглавието, какви ще са полетата около текста, колко високо трябва да говори браузърът, когато чете текста за слепия потребител, т.е. оформяте начина, по който се показват страниците (на екрана, на хартия или през слушалките).


CSS е наистина мощно средство за оформяне на външния вид на страниците. Не можеш да кажеш на добрия, стар HTML : "Искам параграфът ми да е изравнен и от двете страни, да е с шрифт Times New Roman, височина на буквите 24px, разстоянието между редовете два пъти, колкото височната на буквите и след него да има 100px празно място." Единственото, което беше възможно, бе да се постигне известно сходство (винаги далечно) с описаното и то чрез огромни количества тагове, трикове и в краен случай GIF файлове.

Е, вече няма нужда да си трошите китките, клавиатурите и мишките в безкрайни часове на борба с кода на страниците, за да постигнете и най-простите ефекти. Cascading style sheets ви предлагат бърз, лесен и ефективен начин да постигате този външен вид, от който се нуждаете.


За момента е това. В някоя друга тема ще Ви покажа най-простичките тагове в CSS-a.

Не съм правил снимки към темата, защото я писах набързо, ако някой има въпроси да драска..
Върнете се в началото Go down
https://smurfa.bulgarianforum.net/ https://www.facebook.com//smurfavratsa
Използване на CSS
Предишната тема Следващата тема Върнете се в началото
Страница 1 от 1
 Similar topics
-
» Различни изгледи при използване на командата default_fov
» Добавено е съобщение при използване на бутона благодаря.
» Tor предупреждава за атаки срещу Tor Browser с използване на непокрита уязвимост
» 4 минути геймплей на Half-Life 2 с използване на Unreal Engine 4
» Два лесни начина за блокиране на обновяването от Windows 7 до Windows 10 без използване на външен софтуер

Права за този форум:Не Можете да отговаряте на темите
BG-HALF-LIFE :: Програмиране и Дизайн-