Home | htmlbook.ru

  • 2022-01-05Date de collecte
  • 2022-02-15Mise à jour
Home | htmlbook.ru
  • Adresse du site Web:htmlbook.ru
  • IP du serveur:193.168.46.251
  • Description du site:

nom de domaine:htmlbook.ruÉvaluation

sur 500~20000

nom de domaine:htmlbook.rucouler

482

nom de domaine:htmlbook.ruBon ou Mauvais

Dix-neuf n'est pas. en vain féroce

site Internet:Home | htmlbook.ruPoids

6

site Internet:Home | htmlbook.ruIP

193.168.46.251

site Internet:Home | htmlbook.ruteneur

Home|htmlbook.ru Основное HTML CSS Сайт Статьи Блог Практикум Форум СамоучительHTML СправочникпоHTML XHTML HTML5 СамоучительCSS СправочникпоCSS РецептыCSS CSS3 Вёрсткавеб-страниц Макеты Веб-сервер Теги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><datalist><dd><del><details><dfn><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><meta><meter><multicol><n><nobr><noembed><noframes><noscript><object><ol><optgroup><option><output><p><param><plaintext><pre><progress><q><rp><rt><ruby><s><samp><script><section><select><small><source><spacer><span><strike><strong><style><sub><summary><sup><table><tbody><td><textarea><tfoot><th><thead><time><title><tr><track><tt><u><ul><var><video><wbr><xmp>СправочникCSSКакпользоватьсясправочником!important-moz-border-bottom-colors-moz-border-left-colors-moz-border-right-colors-moz-border-top-colors-moz-linear-gradient-moz-orient-moz-radial-gradient-moz-user-select-ms-interpolation-mode-ms-radial-gradient-o-linear-gradient-o-object-fit-o-radial-gradient-webkit-linear-gradient-webkit-radial-gradient-webkit-user-select::-moz-placeholder::-moz-selection::-ms-browse::-ms-check::-ms-clear::-ms-expand::-ms-fill::-ms-reveal::-ms-value::-webkit-input-placeholder::after::before::first-letter::first-line::selection:active:after:before:checked:default:disabled:empty:enabled:first-child:first-letter:first-line:first-of-type:focus:hover:indeterminate:invalid:lang:last-child:last-of-type:link:not:nth-child:nth-last-child:nth-last-of-type:nth-of-type:only-child:only-of-type:optional:read-only:read-write:required:root:target:validHome | htmlbook.ru:visited@charset@font-face@import@media@peanimation-delayattr()backgroundbackground-attachmentbackground-clipbackground-colorbackground-imebackground-originbackground-positionbackground-position-xbackground-position-ybackground-repeatbackground-sizeborderborderHome | htmlbook.ru-bottomborder-bottom-colorborder-bottom-left-radiusborder-bottom-right-radiusborder-bottom-styleborder-bottom-widthborder-collapseborder-colorborder-imeborder-leftborder-left-colorborder-left-styleborder-left-widthborder-radiusborder-rightborder-right-colorborder-right-styleborder-right-widthborder-spacingborder-styleborder-topborder-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-widthborder-widthbottombox-shadowbox-sizingcaption-sideclearclipcolorcolumn-countcolumn-gapcolumn-rulecolumn-widthcolumnscontentcounter-incrementcounter-resetcursordirectiondisplayempty-cellsfilterfloatfontfont-familyfont-sizefont-stretchfont-stylefont-variantfont-weighthasLayoutheighthyphensime-renderingleftletter-spacingline-heightlist-stylelist-style-imelist-style-positionlist-style-typemarginmargin-bottommargin-leftmargin-rightmargin-topmax-heightmax-widthmin-heightmin-widthopacityorphansoutlineoutline-coloroutline-offsetoutline-styleoutline-widthoverflowoverflow-xoverflow-ypaddingpadding-bottompadding-leftpadding-rightpadding-toppe-break-afterpe-break-beforepe-break-insidepositionquotesresizerightscrollbar-3dlight-colorscrollbar-arrow-colorscrollbar-base-colorscrollbar-darkshadow-colorscrollbar-face-colorscrollbar-highlight-colorscrollbar-shadow-colorscrollbar-track-colortab-sizetable-layouttext-aligntext-align-lasttext-decorationtext-decoration-colortext-decoration-linetext-decoration-styletext-indenttext-overflowtext-shadowtext-transformtoptransformtransform-origintransform-styletransitiontransition-delaytransition-propertytransition-timing-functionunicode-bidivertical-alignvisibilitywhite-spacewidowswidthword-breakword-spacingword-wrapwriting-modez-indexzoom электрокарнизыдляшторкупитьвмосквеТРИКОЛОРМОСТВВыводrtspstreamingсIPкамерывидеонаблюдениянасвойсайт Курс«CSSнапримерах» СделалпервыйучебныйкурснаStepikподназваниемCSSнапримерах.Курсохватываеттакиетемы:подключениестилей;синтаксисCSS;псевдоклассыпсевдоэлементы;вложения;переменныеCSS;каскадныеслои;медиа-запросы.Каждыйуроксопровождаетсяпрактикой,естьзаданияразноготипа—включаязадачи,которыенадорешатьпрямикомвредакторе.ПопромокодуHTMLBOOKценадоконцасентябрясниженадо300рублей. OKLCH—лучшийформатдляцветавCSS ТрадиционноцветавCSSзадаютсяспомощьюмоделиRGB(red,green,blue—красный,зелёный,синий)вшестнадцатеричномформате.Вот,кпримеру,какбудетвыглядетьбелыйцветтекстаназелёномфоне..primary{background-color:#63a03e;/*Зелёныйфон*/color:#fff;/*Белыйцвет*/}Тотжецветможновыразитьидесятичнымичисламичерезстилевуюфункциюrgb()..primary{background-color:rgb(9916062);/*Зелёныйфон*/color:rgb(255255255);/*Белыйцвет*/}ЦветоваямодельRGBподдерживаетболее16миллионовцветов,работаетвовсехбраузерахиграфическихредакторах.Несмотрянатакиепреимущества,унеёестьиважныйнедостаток—онаподходитдлякомпьютеровинеудобнадлялюдей.Довольносложноинтуитивно,безпомощистороннихпрограмм,получитьжелаемыйцвет.Такжесложно,взявопределённыйцвет,сделатьегосветлееилитемнее.Изменениеодногоизпараметровнедаётпредсказуемыйрезультат.Вцелом,имеябольшойопытработысцветом,можнодовольноточнопредсказывать,какойбудетцветнаосновезаданныхчисел.Ктомужеграфическиередакторыниктонеотменял,исихпомощьюпроизвольныйцветвшестнадцатеричномформатеполучаетсядовольнолегко.Такчтомногиевеб-дизайнерывообщенепонимают,чтопривыборецветаестькакая-топроблема.Ноестьидругаякатегориявеб-дизайнеров,которыехотятзадаватьцветдругимспособом.ДлянихвCSSвведенаподдержкацветовыхмоделейHSL,HWB,LAB,LCHиOKLCH.Опоследнейипоговоримподробнее. СправочникCSS ОбновилсправочникCSSнасайтеwebref.ru.Появилосьмногонового:изменилисьнекоторыепримеры,чтобыонилучшеотражалисутьэлементовHTML;поменялисьскриншотыдляпримеров—онисталивысокогоразрешенияиболеесимпатичные;картинкивпримерахтожезамененынаизображениявысокогоразрешения;обновилисьтаблицысверсиямибраузеров,гденаписано,скакойверсиитотилиинойбраузерподдерживаетэлементHTML;исправленымелкиеорфографическиеошибки,вродетой,гдевместоёбылонаписаное.Да,этотожесчитаетсяошибкой.Инезабывайте,чтопримерывсправочникеинтерактивные—есливпримереестьссылка,тоеёможнооткрыть,анепростотакнанеёсмотреть.КодкаждогопримераможноскопироватьвбуферилибуквальнооднимщелчкомоткрытьвCodePenилиJSFiddle,гдедоработатьпосвоемужеланию. Псевдокласс:has() Приизучениикомбинацийселекторовмыстолкнулисьстем,чтосихпомощьюможновыбратьдочернийилиследующийбратскийэлемент,ноникакнеродителяилипредыдущийэлемент.Селекторыпотомкаидочерниеселекторычитаютсяслеванаправо,следующаязаписьозначает,чтоследуетнайтивсеэлементы<button>,внутриних<span>истильприменитьужекним.button>span{color:red;}ВCSSнесуществуетселекторародителя,позволяющегоприменитьстилькродителюприналичииунегоуказанногодочернегоэлемента.Рольтакогоселекторавыполняетпсевдокласс:has().Псевдокласс:has()применяетстилевыеправилакэлементу,еслиунегоестьуказанныйпотомокилиродственныйэлемент.Этодаётвозможностьзадаватьстилиродителянаосновеегодочернихэлементов.Кпримеру,следующаязаписьозначаетприменитьстилькэлементу<li>,есливнутринегорасполагаетсяэлемент<a>.li:has(a){background-color:tomato;} СкидкинаплатформуPandorra.pro ПлатформаPandorra.pro,окотороймыписалиранее,предлагаетраспродажусвоегопродукта.Скидкасоставляет90%,акциязаканчиваетсязавтра,6июня.Платёжделаетсяодинразинавсегда,никакихмесячныхотчисленийбольшенепланируется.ЧтоумеетделатьPandorra.pro:создаётшаблонтиповойстраницыпоеёописанию;спомощьювстроеннойнейросетипишеттекстпозапросунаосноветематикисайта;ктекстугенерируетподходящиепосмыслукартинкивжелаемомстиле;можетмодифицироватьужеготовыеизображения;дляотдельныхэлементовполученнойвеб-страницыспомощьюнейросетиможногенерироватьCSSиправитьеговручнуюилиредактируязапрос.Торопитесь,послезавершенияакцииценасновастанетпрежней. Pandorra.proинейросетьдлякодаCSS Нейросетисейчасповсюду,втомчислеонипомогаютпрограммистамивеб-разработчикамврешенииповседневных,типовыхирутинныхзадач.СервисPandorra.proпозволяетделатьсайтынаплатформеWordPress,дополняяеёработувозможностямивстроеннойнейросети.Чтоонаумеет:самапишеттекстстатьи;генерируетизображенияпозапросам,подходящимксодержимомустатьи;принеобходимостименяетготовоеизображение;понашимуказаниямформируетстильэлементов.Последнеедлявеб-разработчиковдолжнобытьнаиболееинтересно.Вот,кпримеру,каксделатьградиентныйзаголовок.Вспециальномполенаписать:Сделайградиентныйтекстзаголовка,которыйпереходитотярко-голубогокярко-розовому.Витогеполучитсяследующийкодсградиентомпод90градусов(идущимслеванаправо)ицветамившестнадцатеричномформате..selectorh1{background-ime:linear-gradient(90deg,#00ffff,#ff00ff);-webkit-background-clip:text;color:transparent;}Принеобходимостикодможноотредактироватьсамостоятельноилидополнитьзапросспомощьюподсказок.Например,еслиуточнить,чтоградиентдолженидтисверхувниз..selectorh1{background-ime:linear-gradient(#00ffff,#ff00ff);-webkit-background-clip:text;color:transparent;}СервисPandorra.proплатный,носейчасидётраспродажаиможноприобрести«вечную»лицензиюпохорошейцене. Стилеваяфункцияrgb() Цветввидешестнадцатеричногозначенияневсегдаудобендляиспользованияиз-засложностипереводадесятичныхчиселвшестнадцатеричные.ВкачествеальтернативывCSSимеетсястилеваяфункцияrgb(),позволяющаязадаватькомпонентыцветаввидедесятичныхчисел.Самафункцияrgb()принимаетсявкачествезначениястилевогосвойстваипозволяетустановитьцветфонаилитекстаспомощьюцветовоймоделиRGB.Внастоящиймоментфункцияrgb()поддерживаетдвасинтаксиса,несколькоразличающихсямеждусобой:традиционныйисовременный. Синусикосинусввеб-дизайне ВCSSдобавилисьновыестилевыетригонометрическиефункции,такиекакsin(),cos(),tan()идр.Вфизике,математикеипрограммировании,понятно,тригонометрическиефункциивостребованыинужныдляразличныхвычислений.Ногдеихможноприменятьввеб-дизайне?Витогепоявлениевсякихсинусовикосинусоввызвалонедоумениеумногихвеб-разработчиков.Давайтеразбираться,гдеикакихможноиспользоватьнапрактике.Дляначалавспомним,чтособойвообщепредставляютсинусикосинуснапримерепрямоугольноготреугольника(рис.1).Рис.1.ПрямоугольныйтреугольникСинусомуглаφназываетсяотношениепротиволежащегокатетакгипотенузе.Косинусомуглаφназываетсяотношениеприлежащегокатетакгипотенузе.Синусикосинусиспользуетсяпривычислениикоординатточкинаокружности,когданамизвестенрадиусиуголφмеждугоризонтальнойосьюилинией,соединяющейнашуточкусцентромокружности(рис.2).Рис.2.ТочканаокружностиИспользуяопределениясинусаикосинусаполучаемформулыдлявычислениякоординатточкиxиy.x=R·cosφy=R·sinφ Изучаемизображения Наwebref.ruдобавилосьновоеруководствоотМэтаМаркиза,посвящённоеизображениям,втомчислеиадаптивным.Вруководствеизучаютсяразныеграфическиеформаты,включаясовременные(WebP,IF),синтаксисэлемента<picture>иатрибутыsrcsetиsizes.Рекомендуетсявпервуюочередьтем,ктоинтересуетсяадаптивнойвёрсткойиподготовкойизображенийподразныеустройства. MathMLнапримерах Наwebref.ruдобавилсяучебныйкурспоMathML.Этоязыкразметкиматематическихвыражений,которыйрасширяетвозможностиHTML.Вкурсерассказывается,какписатьматематическиевыражения,содержащиедроби,корни,степени,интегралыисуммы.Такженаписанопросистемыуравненийиматрицы.Каждыйуроксопровождаетсясамостоятельнойработой(всего35заданий),аещёестьинтерактивныезаданияитестыдлязакрепленияпрочитанногоматериала.MathMLпокажетсяязыкомдовольнопростымдлятех,ктоужезнакомсHTML,иосвоитьегоможнобуквальнозаодин-двадня.Такчтоизучайтеирасширяйтесвоивозможностиизнания. 1Pe2Pe3Pe4Pe5Pe6Pe7Pe8Pe9 … Nextpe→ window.yaContextCb.push(()=>{Ya.Context.AdvManer.render({renderTo:'yandex_rtb_R-A--2',blockId:'R-A--2'})}) СамоучителиСамоучительHTML4ПогружениевHTML5СамоучительHTML5СамоучительCSS2.1CSS3напримерахФормыПопулярныерецептыКакдобавитькартинкунавеб-страницу?Какдобавитьиконкусайтавадреснуюстрокубраузера?Какдобавитьфоновыйрисунокнавеб-страницу?Каксделатьобтеканиекартинкитекстом?Какрастянутьфоннавсюширинуокна?Каквыровнятьфотографиюпоцентрувеб-страницы?Какразместитьэлементыспискагоризонтально?Какубратьподчеркиваниеуссылок?Какубратьмаркерывмаркированномсписке?Какизменитьрасстояниемеждустрокамитекста?Каксделать,чтобыкартинкаменяласьпринаведениинанеекурсорамыши?Какоткрытьссылкувновомокне?ПопулярныезадачиTEXОтступымеждублоковАндроидвтениСсылкакаккнопкаВложенныеспискиФормарегистрацииОбъединениеячеектаблицыОбязательныеполяформыЦветифонвтаблицеАсуанскаяплотинаБатарейкаЗаголовки Осайте Помощь Копированиематериалов Борьбасошибками Технологии Поисковыйплагин Основныеразделы Статьи Блог Практикум Цифровыекниги Форум HTML СамоучительHTML XHTML СправочникпоHTML HTML5 CSS СамоучительCSS СправочникпоCSS РецептыCSS CSS3 Сайт Вёрстка Макеты Веб-сервеHome | htmlbook.ruр htmlbook.ruиспользуетVPSо?

Placer:Home | htmlbook.ruSignaler

En cas de violation du site, veuillez cliquer sur SignalerSignaler