Какво е CSS и как да го използвате при създаване на сайтове
Само за няколко години в интернет открих редица полезни сайтове и услуги, които не са пряко свързани с изграждането на обекта и основната тема на този блог, но аз просто исках да ги препоръчвам и на вас:
Cashback услуги. като Epn.bz и Letishops. Първият ще спестите до 15% от Aliekspress и втората ограничавам с Cash Back на повече от 1000 онлайн магазини. Търсене на полети, просто отлично обслужване - Aviasales.ru. Търсения на стотици сайтове и предоставя всички възможности за билети, можете да изберете най-евтините или тези, където има по-малко време за пътуване. Те също имат голяма тълпа. приложения и браузър плъгин.
В този език, направени от всички HTML-страници. Без него те ще изглежда ужасно и жалък. Така CSS - това Photoshop уеб разработчик, ако мога така да се изразя.
Факт е, че на HTML и CSS, трябва да се учи заедно, но преди това е първият език, тъй като с негова помощ можете да създадете маркиране уеб страница. Css е необходима, за да се организира правилно и мястото елементи на страницата, в съответствие с дизайна.
В CSS един от най-прост синтаксис, можете да се справят с него само за няколко часа. Целият стил лист (т.е. CSS-файл) се състои от селектор и описание на свойствата и стойности за тях. Ето един пример:
Избор на цвят: червен;
>
За да ви помогне да разберете, погледнете тази снимка:
Подробно описание на всички селектори и техните основни видове можете да намерите в статията на: CSS селектори. Както можете да видите, на първо място там е името на селектор, и след това пуснати на скобите. Можете да напишете на един ред, и може да се прехвърля на следващия ред. Лино аз предпочитам този стил, който можете да видите на скрийншота.
В скоби, записани за всички елемент стилове. Стилове - това свойства и техните стойности. Всички стилове за един конкретен селектор обикновено се наричат стилистично правило. Писане вътре фигурните скоби, както следва:
Подчертах, две задължителни знаци, които се намират в синтаксиса. Това е дебелото черво - тя се поставя в заглавието на имота и неговата стойност и запетая, който задължително трябва да бъде поставен след стойността на всеки имот.
Когато стиловете за елемента, определени, можете да затворите фигурните скоби и пишат новия селектора и нови стилове за него. И така, това е направено, докато страницата не е правилно в рамка.
Свързване и пример за
Е, нека да разгледаме един пример за сътрудничество между двата езика. В HTML-документ, създаване на оферта. Той е създаден с помощта на текстов блок маркер. Отличен. Нека да видим как ще изглежда без стил:
В крайна сметка, тя не изглежда обикновен текст. И тогава се притече на помощ и стиловете, които помагат да се направи и да е елемент на дадена уеб страница. За да започнете, аз, разбира се, се свържете лист стил на HTML-файл. Докато няма нищо там. За да се обърнете към един цитат, можете да използвате глобалната селектор в текстов блок. В този случай, стиловете се прилагат за всички цитати. Предписват такива правила за кавички:
блоков цитат ширина: 300px;
фон: # 333;
гранично-ляво: 5px твърди # ff3300;
подложка: 10px;
Цвят: #fff;
шрифт в стил: курсив;
>
Ако не знаете, CSS, не можеш да разбереш тези редове. Въпреки това, там не е интуитивен (ако сте дори леко запознат с английски език), отколкото искаме. По-специално, на ширината на текста и фона цвят, уплътнение, граничи с ляво и стила на шрифта. И това е, което ние получаваме:
Като цяло, тук е работата на CSS например. Мисля, че разбирам целта на тази технология? Можете също да опитате да отворите който и да е популярен сайт за Google Chrome или Yandex Browser, а след това натиснете F12. Това ще отвори т.нар дебъгер. Опитайте се да намерите изходния код на стилове на връзката сайт (разположени в маркера за главата, стилове, свързани с използване). Опитайте се да промените пътя към стилови, че той не е наред, и погледнете в сайта. Разбира външния му вид ще се промени в отрицателна посока.
Работата е там, че HTML не се създава и не е подходящ за регистрация на страници. Той е разработен специално за създаването на елементи, маркиране, но не и за външен вид. Ако сте уеб дизайнер, вероятно осъзнават, сега ми пример. Много често, преди да се направят оформлението на сайта, дизайнерът прави прототип (наричан също макет). След това, въз основа на този прототип е по-лесно да се направи красива оформление, защото той ясно показва структурата на бъдещия сайт.
Също така, с уеб технологии, а именно с HTML и CSS. Те са неразривно свързани помежду си.
Е, ако сте начинаещ, вие трябва да започнете с основа, с най-прости и популярните функции, които се използват най-често. Скоро ще напиша кратка статия за това как да се най-бързо и ефективно да научат основите на CSS, тогава лесно ще овладеят все по-сложни техники.
По принцип, ако отговорът на въпроса: "Какво е CSS и как да го използвате, за" Добре, това е един от езиците, които се използват при създаването на сайта. И трябва да го използвате в елементите на проекта създаване на различни ефекти и т.н.
Още полезни съвети можете да намерите в статията ми за това как да научите HTML. В общи линии, това което правя, че всичко. Аз ви се сбогува до следващия пост в блога си.