Основи на CSS3

Съвременната мрежа се състои от няколко аспекта, има технически, функционален и естетически, всеки от тези аспекти е важен в същата степен като другите, но когато човек е по -близък с един от тях, те са склонни да пренебрегват останалите.
В този смисъл, когато човек е по -свързан с техническия аспект, той обикновено пренебрегва естетическия аспект, където функционалният аспект е кръстоска между двете, тъй като не всичко, което е много естетично, ще бъде функционално, както и факта, че използваме всички най -новите технологии също не правят уебсайт или проект такъв.
The CSS Това е начинът, по който можем да включим естетическата част в мрежата по приятелски начин за разработчика, а също така служи като универсален език за комуникация с потребителското изживяване и дизайнерите на Front-End, тъй като това е начинът да се даде потърсете всеки уебсайт.
Какво е CSS?CSS е прост език, използван за определяне на стилове, които могат да бъдат приложени в рамките на документи HTMLКато споменаваме думите стилове, имаме предвид, че можем да контролираме всичко - от начина, по който се виждат шрифтовете на уебсайт, до внедряването на курсори на мишката, цветове, изображения, оформление на екрана и т.н.
CSS е стандарт и е под отговорността на W3C, така че всеки браузър, който има поддръжка за CSS Трябва да работи по същия начин, ако се придържате към инструкциите, издадени от тази институция.
Какво е CSS3?CSS3 е ниво на спецификация на CSS, е четвъртата спецификация, откакто я има CSS, CSS2, CSS2.1 и сега CSS3Всяка спецификация започва от предишната и всяка включва подобрения, нови стилове и нови начини за тяхното прилагане. Спецификациите на тези реализации могат да се видят в интернет www.w3.org/Style/CSS:

Увеличете

Тук можем да намерим цялата официална документация, която варира от използването на различните инструкции, които можем да използваме, до техническите аспекти, довели до това внедряване.
Каква е целта на CSS?Ролята да се играе CSS на нашите уебсайтове е да подготвим нашите структури за представяне, тоест да направим HTML които сме изградили изглеждат добре, за да бъдат показани на потребител. Това може да изглежда малко глупаво да се каже, но тук се появяват трите фактора, които споменахме в началото, HTML без стилове може да бъде функционален и може да използва много модерни технически елементи, но сам по себе си няма да бъде естетичен ; Това означава, че въпреки че нашият уебсайт е най -добрият, без CSS ще изглежда малко непълно.
Предимства на използването на CSS

• Ние отделяме презентацията от структурата, това помага на нашия уебсайт да бъде модулен.
• Стилови листове CSS те могат да бъдат споделени от всички страници на уебсайт, така че печелим последователност и спестяваме работа.
• С CSS можем да създаваме стилове за различни устройства и среди.
• Поддържане на сайт, който сте внедрили CSS много по -лесно е.

Съвременни браузъри
В първите дни на съвременната мрежа, говорим за 90 -те години, имаше малко опции за уеб браузъри, дори някои бяха платени, но това, което най -много помним, беше войната на Internet Explorer Y NetscapeТова даде импулс да се вземе предвид функционалният аспект, но това, че във война означава, че всеки браузър има своите правила и това прави живота невъзможен за уеб разработчика. В момента имаме много опции за браузъри и по -голямата част са безплатни за потребителя, най -важните са:

• Google Chrome.
• Сафари.
• Mozilla Firefox.
• Опера.
• Internet Explorer.

Увеличете

Всеки браузър принадлежи на различни разработчици и те са отговорни за тълкуването на HTML и CSS така че всеки трябва да прилага стандартите на W3Cвъпреки това, не всички браузъри се държат по един и същи начин с една и съща инструкция CSS. Последното се дължи на двигателя, който използват, нека видим кой двигател използва всеки от тях:
WebKitТова е двигател с отворен код и се използва от Chrome Y СафариВъпреки че всеки от тях използва един и същ механизъм, тяхното изпълнение не е непременно същото, така че може да има разлики между браузърите.
ГеконТова е двигателят, разработен от Mozilla, и се използва от Firefox. Този двигател също е с отворен код, така че можем да намерим браузъри, които го споделят.
ПрестоТова е двигателят, използван от Опера и е собственост, така че ще я виждаме само като част от продуктите на компанията -майка.
ТризъбецТова е двигателят на Internet Explorer и в момента тя е достъпна само в този браузър и продуктите на Microsoft.
Тази информация е много важна, тъй като не само настолни браузъри използват тези двигатели, но и мобилни браузъри, клиенти като имейл мениджъри и дори някои приложения. Ако познаваме двигателя, можем да погледнем по -конкретно, за да можем да имаме подход към техническия аспект, който ги регулира.
Стари браузъри
Досега говорихме за най -популярните опции на браузъра на пазара, но не сме изследвали подробностите за техните версии. Всеки път, когато има промяна в стандарта на CSS всеки браузър обикновено се актуализира, за да включи промяната или новите функционалности. Това прави старите версии отхвърлени в миналото и следователно тяхното ниво на съвместимост е по -ниско.
Това, което се случва, е, че не всички потребители могат да актуализират по много причини, липса на разрешения, несъвместимост с важни приложения в тяхната система или дори от съображения за сигурност на компанията, в която работят, които трябва да тестват новите браузъри със същите системи.
Това означава, че имаме много модерни уебсайтове, които може да не работят в старите браузъри, поради което трябва да вземем този аспект с повишено внимание при изграждането на нашите сайтове.
Най -неудобният случай
Много необходим раздел, за който трябва да се говори Internet Explorer, и да не говорим само за лошите неща, тъй като смятаме, че тази велика американска компания е допринесла по зрелищен начин за развитието на изчислителните и информационните технологии на световно и историческо ниво.

Увеличете

Но може би именно неговото значение е направило браузъра ви един от най -неудобните случаи за справяне, само в по -нови версии като настоящата, която е версия 11 че е имало напредък в стандартното тълкуване на CSS Y JavaScript, но в предишни версии като 8, 7 или много скандалната 6, трябваше да направите версии на сайтовете специално, така че да могат да се показват в тези браузъри, и това не е най -лошото, ако не и толкова пъти, жертвайки естетиката и функционалността, само за да направим нашите проекти технически осъществими.
Тук най -малките можеха да си помислят защо продължават да се развиват за тези браузъри и отговорът е прост, въпреки всичко Internet Explorer е един от най -използваните браузъри в света, защото е интегриран в Windows по подразбиране, която е и най -използваната операционна система.
Наскоро през 2015 г. беше обявено, че този браузър ще бъде спрян, но неговият наследник все още не е напълно разкрит и когато той бъде пуснат в експлоатация, ще можем да видим дали старите проблеми ще продължат или не.
CSS повече от стилове
Всички тези знания са необходими, можем да знаем много за инструкциите CSS но ако не познаваме предисторията, можем да страдаме, от изпълнение на най -добрите практики до проблеми с клиенти, които не виждат същите неща, които виждаме, всички от използването на определена версия на браузър. Понастоящем съществуват рамки, които ни помагат да преодолеем всички тези неприятности, но когато се нуждаем от нещо много специфично, обикновено трябва да изпълняваме тази функционалност от нулата и това е мястото, където трябва да знаем основите на CSS.
В края на този урок можем да видим това CSS Това е много повече от обикновен език и много повече от стилове, можем да кажем, че той е ключов основен компонент за нашите уеб страници и има връзка с много аспекти, като всичко, което видяхме за браузърите, двигателите и дори проблеми със съвместимостта.