WebReference

Về 500~20000

341

Mọi thứ đều ổn. Giàu có và cao quý Ji

2

45.80.69.145

Главная|WebReference WebReferenceГлавнаяСправочникиРуководстваHTML,CSS,ВёрсткаВеб-технологииКурсыРецептыПрактикаСамостоятельнаяВикторина УчебныекурсыMathMLнапримерахMathML(MathematicalMarkupLangue,языкматематическойразметки)—этоязыкразметки,предназначенныйдляпредставленияматематическихвыраженийиуравненийнавеб-страницах.Стилизация<meter>Элемент<meter>применяетсядлянаглядногопредставлениячисла,лежащеговзаданномдиапазоне.Егоудобноиспользоватьвинфографикедлявизуализациитакихданныхкакдисковоепространство,зарядбатареи,рейтингидр.СпомощьюCSSлегкоменятьцветтакойшкалы,еёразмерыидажевыводитьрядомтекстовуюинформацию.СтилизациякнопокКнопки—этоэлементыинтерфейса,которыепозволяютпользователямвзаимодействоватьсвеб-страницей.Например,кнопка«Вход»используетсядляавторизациипользователейнасайте,акнопка«Добавитьвкорзину»длядобавлениятоваравкорзинуинтернет-магазина.Кнопкитакжемогутприменятьсядляоткрытияокна,запускавидео,подпискинарассылкиидр.СтилизацияссылокВHTMLссылкиприменяютсядлясозданияуказателянавеб-стWebReferenceраницу,файлилисайт.Самассылкаможетвестинаопределённоеместоэтойжевеб-страницы,надругуювеб-страницуилидругойсайт.ИзучаемселекторыCSSВданномвидеокурсевыузнаете,чтотакоестилевойселекторипознакомитесьсбазовымиселекторамиCSS:селекторамиэлемента;классами;идентификаторами;универсальнымселектором.БлочнаямодельДляопределенияразмеровблока,еговнешнеговидаиположениябраузерруководствуетсяалгоритмом,которыйописанблочноймодельюCSS.Знаниеблочноймоделипомогаетстроитьотдельныеблокиикомпоноватьихввеб-страницы,чтоиявляетсяосновойвёрстки.СправочникHTMLПрактикапоHTMLРуководствапоHTMLМаркПилгрим.ПогружениевHTML5ВладМержевич.HTML5иCSS3напримерахШэйХоу.УрокипоHTMLиCSSУчебныекурсыпоHTMLДжеремиТомас.ВведениевИнтернетДжеремиТомас.ОсновыHTMLДжеремиТомас.СодержимоевHTMLВладМержевич.СамоучительHTMLВладМержевич.Разделывеб-страницыВладМержевич.ФормывHTMLСправочникCSSПрактикапоCSSРецептыHTMLиCSSРуководствапоCSSШэйХоу.ПродвинутыеурокипоHTMLиCSSАдамШварц.МагияCSSДонованХатчинсон.CSS-анимациядляначинающихВладМержевич.SassУчебныекурсыпоCSSДжеремиТомас.ОсновыCSSДжеремиТомас.ТекствCSSДжеремиТомас.ПродвинутыйCSSВладМержевич.СамоучительCSSВладМержевич.ИзучаемселекторыCSSДжеремиТомас.ОсновыSassРуководстваИзучаемизображенияКурсохватываетвсетемы,связанныесизображениями:отвыбораправильныхформатовдоадаптивныхизображенийиихпроизводительности.РуководствопогридамВёрсткаспомощьюгридовскоростанетнеотъемлемойчастьюинструментариялюбогофронтенд-разработчика.Есливыфронтенд-разработчик,товампростонеобходимоизучитьгриды—почтинавернякаэтостанетобязательнымнавыкомналюбойпозициифронтенд-разработчика.РуководствопоадаптивномудизайнуКогдаяслышутермин«адаптивныйдизайн»,топервое,чтоприходитмневголову,—этоустройстваразныхразмеров.Этамысльпростозаселауменявголове.Готовспорить,многиеизвас,скореевсего,думаютаналогично.Однаковнашевремяпонятие«адаптивныйдизайн»включаетвсебямножестворазныхсмыслов.РуководствопоBootstrap5Bootstrap—этобесплатныйнаборинструментовсоткрытымисходнымкодомдлясозданиясайтовивеб-приложений.ЭтосамыйпопулярныйHTML,CSSиJaScript-фреймворкдляразработкиадаптивныхиориентированныхнамобильныеустройствапроектоввИнтернете.Погружениевпсевдоэлементы::beforeи::afterПсевдоэлементы::beforeи::after—этоневероятныеуниверсальныепомощникивнабореинструментовCSS.ИхпониманиепоможетвамсоздатьпрактичныйCSSдляразрешениясамыхразныхситуаций.ИлижевыможетепойтидальшеииспользоватьихдлясозданиявпечатляющихтрюковCSS.CSS-анимациядляначинающихМырассмотрим,зачемнужнаанимацияипознакомимсясосвойствамиtransitionиanimation.Узнаем,какработаютпереходыикакимисвойствамиможноуправлятьдляизменениядвижения.Послеэтогомырассмотримсвойствоanimationинаучимсясоздаватьключевыекадры.СвежиерецептыКакограничитьширинукартинки?Каксделатькартинкунавсюширину?Каквывестикартинкузаданныхразмеровбезискажений?Какдобавитьтеньктексту?Какдобавитьтенькизображению?Какдобавитьтенькблоку?Каксделатьскруглённуюрамкутаблицы?Каксделатьотступпервойстрокиабзаца?Какдобавитьтеньккнопке?Каксделатьградиентныйзаголовок? ЭлементыHTML<!----><!DOCTYPE><a><abbr><acronym><address><applet><area><article><aside><audio><b><base><basefont><bdi><bdo><bgsound><big><blink><blockquote><body><br><button><canvas><caption><center><cite><code><col><colgroup><command><comment><data><datalist><dd><del><details><dfn><dialog><dir><div><dl><dt><em><embed><fieldset><figcaption><figure><font><footer><form><frame><frameset><h1><h2><h3><h4><h5><h6><head><header><hgroup><hr><html><i><iframe><img><input><ins><isindex><kbd><keygen><label><legend><li><link><listing><main><map><mark><marquee><menu><menuitem><meta><meter><multicol><n><nobr><noembed><noframes><noindex><noscript><object><ol><optgroup><option><output><p><param><picture><plaintext><pre><progress><q><rb><rp><rt><rtc><ruby><s><samp><script><search><section><select><slot><small><source><spacer><span><strike><strong><style><sub><summary><sup><table><tbody><td><template><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video><wbr><xmp>СправочникCSS!important::after::backdrop::before::first-letter::first-line::grammar-error::marker::placeholder::selection::spelling-error:active:any-link:autofill:blank:buffering:checked:default:defined:dir:disabled:empty:enabled:first-child:first-of-type:focus:focus-visible:focus-within:fullscreen:has():hover:in-range:indeterminate:invalid:is():lang():last-child:last-of-type:link:local-link:muted:not():nth-child():nth-last-child():nth-last-of-type():nth-of-type():only-child:only-of-type:optional:out-of-range:paused:placeholder-shown:playing:read-only:read-write:required:root:seeking:stalled:target:valid:visited:volume-locked@charset@document@font-face@import@keyframes@media@pe@supports@viewportaccent-coloralign-contentalign-itemsalign-selfallanimationanimation-delayanimation-directionanimation-durationanimation-fill-modeanimation-iteration-countanimation-nameanimation-play-stateanimation-timing-functionaspect-ratiobackdrop-filterbackface-visibilitybackgroundbackground-attachmentbackground-blend-modebackground-clipbackground-colorbackground-imebackground-originbackground-positionbackground-position-xbackground-position-ybackground-repeatbackground-sizeblock-sizeborderborder-blockborder-block-colorborder-block-endborder-block-end-colorborder-block-end-styleborder-block-end-widthborder-block-startborder-block-start-colorborder-block-start-styleborder-block-start-widthborder-block-styleborder-block-widthborder-bottomborder-bottom-colorborder-bottom-left-radiusborder-bottom-right-radiusborder-bottom-styleborder-bottom-widthborder-collapseborder-colorborder-end-end-radiusborder-end-start-radiusborder-imeborder-ime-outsetborder-ime-repeatborder-ime-sourceborder-leftborder-left-colorborder-left-styleborder-left-widthborder-radiusborder-rightborder-right-colorborder-right-styleborder-right-widthborder-spacingborder-start-end-radiusborder-start-start-radiusborder-styleborder-topborder-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-widthborder-widthbottombox-decoration-breakbox-shadowbox-sizingcaption-sidecaret-colorclearclipclip-pathcolorcolor-schemecolumn-countcolumn-fillcolumn-gapcolumn-rulecolumn-rule-colorcolumn-rule-stylecolumn-rule-widthcolumn-spancolumn-widthcolumnscontentcounter-incrementcounter-resetcursordirectiondisplayempty-cellsfilterflexflex-basisflex-directionflex-flowflex-growflex-shrinkflex-wrapfloatfontfont-familyfont-kerningfont-sizefont-stretchfont-stylefont-variantfont-variant-capsfont-weightgapgrid-row-endgrid-row-startheighthyphenate-characterhyphenate-limit-charshyphensime-orientationime-renderinginline-sizejustify-contentleftletter-spacingline-clampline-heightlist-stylelist-style-imelist-style-positionlist-style-typemarginmargin-bottommargin-leftmargin-rightmargin-topmarksmath-stylemax-block-sizemax-heightmax-inline-sizemax-widthmin-block-sizemin-heightmin-inline-sizemin-widthmix-blend-modeobject-fitobject-positionopacityorderorphansoutlineoutline-coloroutline-offsetoutline-styleoutline-widthoverflowoverflow-xoverflow-ypaddingpadding-blockpadding-block-endpadding-block-startpadding-bottompadding-inlinepadding-inline-endpadding-inline-startpadding-leftpadding-rightpadding-WebReferencetoppe-break-afterpe-break-beforepe-break-insideperspectiveperspective-originplace-contentpointer-eventspositionquotesresizerightrow-gapscroll-behiortab-sizetable-layouttext-aligntext-align-lasttext-decorationtext-decoration-colortext-decoration-linetext-decoration-skip-inktext-decoration-styletext-decoration-thicknesstext-emphasistext-emphasis-colortext-emphasis-positiontext-emphasis-styletext-fill-colortext-indenttext-orientationtext-overflowtext-shadowtext-stroketext-stroke-colortext-stroke-widthtext-transformtext-underline-offsettext-underline-positiontoptransformtransform-origintransform-styletransitiontransition-delaytransition-durationtransition-propertytransition-timing-functionunicode-bidiuser-selectvertical-alignvisibilitywhite-spacewidowswidthword-breakword-spacingword-wrapwriting-modez-indexzoomПоддержитеработусайтаСумма,₽*ЮMoneyБанковскаякартаМетки3DAngularJSAnimate.cssBootstrapBowerCanvasCoronaSDKCSS3ExpressFirefoxOSflexboxGruntGulpHamlHTML5JaScriptjQueryJSONLessLuaNode.jsSassSCSSавтофокусадаптивныйдизайнанимацияаудиовёрсткавкладкиградиентизображенияиконкикнопкиниспадающееменюнумерациястраницпереходыпрепроцессорыCSSпсевдоэлементырамкиспискиспойлерспрайтыссылкитаблицытексттеньтрансформацияфонформыхлебныекрошкицветшрифт window.yaContextCb.push(()=>{Ya.Context.AdvManer.render({renderTo:'yandex_rtb_R-A--2',blockId:'R-A--2'})}) WebReferenceГл.редактор:ВладМержевичvlad@webref.ruОсайтеНасайтенаходятсясправочникииучебныекурсыпоразличнымвеб-технологиям,атакжеруководстваповёрсткевеб-страниц.СвязиRSSJSFiddleGitHubВКонтактеТелеграмGoogleДискGooglePlayYouTubeФорумРазделысайтаСправочнWebReferenceикиВёрсткаВеб-технологииРецептыУчебныекурсыПрактикаСамостоятельнаяВикторинаПопулярноеУрокипоHTMLиCSSHTML5иCSS3напримерахРуководствопофлексбоксамРуководствопоJSONКакверстатьнаHTML5иCSS3ПродвинутыеурокипоHTMLиCSSВизуальноеруководствопосвойствамflexboxСозданиепервогоприложениянаNodeПомощьпосайтуАвторыОбозначенияТерминологияНашиприложенияКонфиденциальностьСкачать СайтWebReference.ruиспользуетVPSоткомпанииBeget.ВсематериалысайтадоступныполицензииCreativeCommons«Attribution-NonCommercial»(«Атрибуция—Некоммерческоеиспользование»)4.0Всемирная,еслинеуказаноиное.