PageSourceSearch

https://fatihhayrioglu.com/css3/

html fatihhayrioglu.com collected 2026-10-03 22:18:14 UTC 19,789 bytes, 210 lines download raw bytes

1<!doctype html><html lang="tr">
2<head>
3<title>CSS3 Kitabı</title>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width,initial-scale=1">
6<link rel="preload" as="style" href="/assets/built/screen.css?v=3CkKTLEXFlbzNP-D">
7<link rel="preload" as="script" href="/assets/built/source.js?v=O86vpTJppMBcH1np">
8<link rel="preload" as="font" type="font/woff2" href="/assets/fonts/inter-roman.woff2?v=OecsB5TBLy27FKD2" crossorigin="anonymous">
9<style>@font-face{font-family:inter;font-style:normal;font-weight:100 900;font-display:optional;src:url(/assets/fonts/inter-roman.woff2?v=OecsB5TBLy27FKD2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}</style>
10<link rel="stylesheet" type="text/css" href="/assets/built/screen.css?v=3CkKTLEXFlbzNP-D">
11<style>:root{--background-color:#ffffff}</style>
12<script>var r,g,b,yiq,textColor,accentColor=getComputedStyle(document.documentElement).getPropertyValue("--background-color"),accentColor=accentColor.trim().slice(1);accentColor.length===3&&(accentColor=accentColor[0]+accentColor[0]+accentColor[1]+accentColor[1]+accentColor[2]+accentColor[2]),r=parseInt(accentColor.substr(0,2),16),g=parseInt(accentColor.substr(2,2),16),b=parseInt(accentColor.substr(4,2),16),yiq=(r*299+g*587+b*114)/1e3,textColor=yiq>=128?"dark":"light",document.documentElement.className=`has-${textColor}-text`</script>
12
13<link rel="icon" href="https://cdn.synaps.media/hayrioglu/content/images/size/w256h256/2025/03/24c6c7911384d40cf98a4622d8c0c120.png" type="image/png">
14<link rel="canonical" href="https://fatihhayrioglu.com/css3/">
15<meta name="referrer" content="no-referrer-when-downgrade">
16<meta property="og:site_name" content="Fatih Hayrioğlu">
17<meta property="og:type" content="website">
18<meta property="og:title" content="CSS3 Kitabı">
19<meta property="og:description" content="CSS3
20
21
22CSS3'ün teorisine ait en son bilgiler
23
24Web sitemdeki CSS3 ile alakalı yazıları derleyip düzenleyerek kitap haline getirdim. Gelişmiş tarayıcıların desteklediği tüm CSS3 özelliklerini bu kitapta toparladım.
25
26
27E-Kitap Satın Al
28
29
30
31
32
33Kitap Hakkında
34
35CSS3'ün yeni özellikleri heyecan verici. İnternet mecrasının görselliğini tek başına düzenleme amacı güden CSS, yeni">
36<meta property="og:url" content="https://fatihhayrioglu.com/css3/">
37<meta property="og:image" content="https://static.ghost.org/v5.0.0/images/publication-cover.jpg">
38<meta property="article:published_time" content="2025-03-08T01:15:54.000Z">
39<meta property="article:modified_time" content="2025-03-08T01:21:07.000Z">
40<meta name="twitter:card" content="summary_large_image">
41<meta name="twitter:title" content="CSS3 Kitabı">
42<meta name="twitter:description" content="CSS3
43
44
45CSS3'ün teorisine ait en son bilgiler
46
47Web sitemdeki CSS3 ile alakalı yazıları derleyip düzenleyerek kitap haline getirdim. Gelişmiş tarayıcıların desteklediği tüm CSS3 özelliklerini bu kitapta toparladım.
48
49
50E-Kitap Satın Al
51
52
53
54
55
56Kitap Hakkında
57
58CSS3'ün yeni özellikleri heyecan verici. İnternet mecrasının görselliğini tek başına düzenleme amacı güden CSS, yeni">
59<meta name="twitter:url" content="https://fatihhayrioglu.com/css3/">
60<meta name="twitter:image" content="https://static.ghost.org/v5.0.0/images/publication-cover.jpg">
61<meta name="twitter:label1" content="Written by">
62<meta name="twitter:data1" content="Murat Çorlu">
63<meta name="twitter:site" content="@fatihhayri">
64<meta property="og:image:width" content="1200">
65<meta property="og:image:height" content="840">
66<script type="application/ld+json">{"@context":"https://schema.org","@type":"Article","publisher":{"@type":"Organization","name":"Fatih Hayrioğlu","url":"https://fatihhayrioglu.com/","logo":{"@type":"ImageObject","url":"https://cdn.synaps.media/hayrioglu/content/images/size/w256h256/2025/03/24c6c7911384d40cf98a4622d8c0c120.png","width":60,"height":60}},"author":{"@type":"Person","name":"Murat Çorlu","image":{"@type":"ImageObject","url":"https://www.gravatar.com/avatar/b9f14f880e42e22d75d1550be2593cb4?s=250&r=x&d=mp","width":250,"height":250},"url":"https://fatihhayrioglu.com/author/murat/","sameAs":[]},"headline":"CSS3 Kitabı","url":"https://fatihhayrioglu.com/css3/","datePublished":"2025-03-08T01:15:54.000Z","dateModified":"2025-03-08T01:21:07.000Z","description":"\n\n\n\n\n\n\n\n\n\nCSS3\n\n\nCSS3'ün teorisine ait en son bilgiler\n\nWeb sitemdeki CSS3 ile alakalı yazıları derleyip düzenleyerek kitap haline getirdim. Gelişmiş tarayıcıların desteklediği tüm CSS3 özelliklerini bu kitapta toparladım.\n\n\nE-Kitap Satın Al\n\n\n\n\n\nKitap Hakkında\n\nCSS3'ün yeni özellikleri heyecan verici. İnternet mecrasının görselliğini tek başına düzenleme amacı güden CSS, yeni sürümünde buna çok yaklaştı.\n\n * Uyumlu web çözümleri ile farklı platformlar için tek elden çözüm üretme imkanı sağlamas","mainEntityOfPage":"https://fatihhayrioglu.com/css3/"}</script>
66
67<meta name="generator" content="Ghost 6.67">
68<link rel="alternate" type="application/rss+xml" title="Fatih Hayrioğlu" href="https://fatihhayrioglu.com/rss/">
69<script defer src="https://cdn.synaps.media/npm/@tryghost/[email protected]/umd/portal.min.js" data-i18n="true" data-ghost="https://fatihhayrioglu.com/" data-key="9a5cacd42e4bc60aec278c0c37" data-api="https://fatihhayrioglu.com/ghost/api/content/" data-locale="tr" crossorigin="anonymous"></script>
69<style id="gh-members-styles">.gh-post-upgrade-cta-content,.gh-post-upgrade-cta{display:flex;flex-direction:column;align-items:center;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;text-align:center;width:100%;color:#fff;font-size:16px}.gh-post-upgrade-cta-content{border-radius:8px;padding:40px 4vw}.gh-post-upgrade-cta h2{color:#fff;font-size:28px;letter-spacing:-.2px;margin:0;padding:0}.gh-post-upgrade-cta p{margin:20px 0 0;padding:0}.gh-post-upgrade-cta small{font-size:16px;letter-spacing:-.2px}.gh-post-upgrade-cta a{color:#fff;cursor:pointer;font-weight:500;box-shadow:none;text-decoration:underline}.gh-post-upgrade-cta a:hover{color:#fff;opacity:.8;box-shadow:none;text-decoration:underline}.gh-post-upgrade-cta a.gh-btn{display:block;background:#fff;text-decoration:none;margin:28px 0 0;padding:8px 18px;border-radius:4px;font-size:16px;font-weight:600}.gh-post-upgrade-cta a.gh-btn:hover{opacity:.92}</style>
70<script defer src="https://cdn.synaps.media/npm/@tryghost/[email protected]/umd/sodo-search.min.js" data-key="9a5cacd42e4bc60aec278c0c37" data-styles="https://cdn.synaps.media/npm/@tryghost/[email protected]/umd/main.css" data-sodo-search="https://fatihhayrioglu.com/" data-locale="tr" crossorigin="anonymous"></script>
70
71<link href="https://fatihhayrioglu.com/webmentions/receive/" rel="webmention">
72<script defer src="/public/cards.min.js?v=ShRHxgy4po8zN-Wf"></script>
72
73<link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=WwnU9jw5ancNC8Gc">
74<script defer src="/public/comment-counts.min.js?v=oFYkaGLdiMqB8VN9" data-ghost-comments-counts-api="https://fatihhayrioglu.com/members/api/comments/counts/"></script>
vendor: 1 bytes, line 74
74
75<script defer src="/public/member-attribution.min.js?v=AKG4hWena9j3yX3I"></script>
vendor: 1 bytes, line 75
75
76<script defer src="/public/ghost-stats.min.js?v=vFcCUf6ZQ0Hyhc8h" data-stringify-payload="false" data-datasource="analytics_events" data-storage="localStorage" data-host="https://fatihhayrioglu.com/.ghost/analytics/api/v1/page_hit" tb_site_uuid="38dafb7d-2a74-4a4f-abcd-c313b577895e" tb_post_uuid="709259dd-bd14-4eab-9cba-fcf16f88297e" tb_post_type="page" tb_member_uuid="undefined" tb_member_status="undefined" tb_gift_link></script>
76<style>:root{--ghost-accent-color:#487ce8}</style>
77<link href="https://cdn.jsdelivr.net/npm/[email protected]/themes/prism.min.css" rel="stylesheet">
78</head>
79<body class="page-template page-css3 has-sans-title has-sans-body">
80<div class="gh-viewport">
81<header id="gh-navigation" class="gh-navigation is-middle-logo gh-outer">
82<div class="gh-navigation-inner gh-inner">
83<div class="gh-navigation-brand">
84<a class="gh-navigation-logo is-title" href="https://fatihhayrioglu.com">
85Fatih Hayrioğlu
86</a>
87<button class="gh-search gh-icon-button" aria-label="Search this site" data-ghost-search>
88<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5A7 7 0 113 10a7 7 0 0114 0z"/></svg></button> <button class="gh-burger gh-icon-button" aria-label="Menu">
89<svg width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M224 128a8 8 0 01-8 8H40a8 8 0 010-16H216a8 8 0 018 8zM40 72H216a8 8 0 000-16H40a8 8 0 000 16zM216 184H40a8 8 0 000 16H216a8 8 0 000-16z"/></svg> <svg width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M205.66 194.34a8 8 0 01-11.32 11.32L128 139.31 61.66 205.66a8 8 0 01-11.32-11.32L116.69 128 50.34 61.66A8 8 0 0161.66 50.34L128 116.69l66.34-66.35a8 8 0 0111.32 11.32L139.31 128z"/></svg> </button>
90</div>
91<nav class="gh-navigation-menu">
92<ul class="nav">
93<li class="nav-ana-sayfa"><a href="https://fatihhayrioglu.com/">Ana Sayfa</a></li>
94<li class="nav-css3-kitabi nav-current"><a href="https://fatihhayrioglu.com/css3/">CSS3 Kitabı</a></li>
95<li class="nav-csse-giris-kitabi"><a href="https://fatihhayrioglu.com/kitap/">CSS'e Giriş Kitabı</a></li>
96<li class="nav-css-dersleri"><a href="https://fatihhayrioglu.com/tag/css/">CSS Dersleri</a></li>
97<li class="nav-git"><a href="https://fatihhayrioglu.com/tag/git/">Git</a></li>
98<li class="nav-iletisim"><a href="https://fatihhayrioglu.com/iletisim/">İletişim</a></li>
99</ul>
100</nav>
101<div class="gh-navigation-actions">
102<button class="gh-search gh-icon-button" aria-label="Search this site" data-ghost-search>
103<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5A7 7 0 113 10a7 7 0 0114 0z"/></svg></button> <div class="gh-navigation-members">
104<a href="#/portal/signin" data-portal="signin">Giriş Yap</a>
105<a class="gh-button" href="#/portal/signup" data-portal="signup">Kaydol</a>
106</div>
107</div>
108</div>
109</header>
110<main class="gh-main">
111<article class="gh-article post no-image">
112<section class="gh-content gh-canvas is-body">
113<div class="kg-card kg-header-card kg-v2 kg-layout-split kg-width-full kg-content-wide" style="background-color:#f0f0f0" data-background-color="#F0F0F0">
114<div class="kg-header-card-content">
115<picture><img class="kg-header-card-image" src="https://cdn.synaps.media/hayrioglu/content/images/2025/03/book-cover.png" srcset="https://cdn.synaps.media/hayrioglu/content/images/size/w600/2025/03/book-cover.png 600w, https://cdn.synaps.media/hayrioglu/content/images/size/w1000/2025/03/book-cover.png 1000w, https://cdn.synaps.media/hayrioglu/content/images/2025/03/book-cover.png 1200w" loading="lazy" alt></picture>
116<div class="kg-header-card-text">
117<h2 id="css3" class="kg-header-card-heading" style="color:#000" data-text-color="#000000"><span style="white-space:pre-wrap">CSS3</span></h2>
118<p id="css3n-teorisine-ait-en-son-bilgilerweb-sitemdeki-css3-ile-alakal-yazlar-derleyip-dzenleyerek-kitap-haline-getirdim-gelimi-tarayclarn-destekledii-tm-css3-zelliklerini-bu-kitapta-toparladm" class="kg-header-card-subheading" style="color:#000" data-text-color="#000000"><span style="white-space:pre-wrap">CSS3'ün teorisine ait en son bilgiler</span><br><br><span style="white-space:pre-wrap">Web sitemdeki CSS3 ile alakalı yazıları derleyip düzenleyerek kitap haline getirdim. Gelişmiş tarayıcıların desteklediği tüm CSS3 özelliklerini bu kitapta toparladım.</span></p>
119<a href="https://play.google.com/store/books/details/Fatih_Hayrio%C4%9Flu_CSS3?id=WwpVCgAAQBAJ&ref=fatihhayrioglu.com" class="kg-header-card-button" style="background-color:#fff;color:#000" data-button-color="#ffffff" data-button-text-color="#000000">E-Kitap Satın Al</a>
120</div>
121</div>
122</div><h2 id="kitap-hakk%C4%B1nda">Kitap Hakkında</h2><h4 id="css3%C3%BCn-yeni-%C3%B6zellikleri-heyecan-verici-i%CC%87nternet-mecras%C4%B1n%C4%B1n-g%C3%B6rselli%C4%9Fini-tek-ba%C5%9F%C4%B1na-d%C3%BCzenleme-amac%C4%B1-g%C3%BCden-css-yeni-s%C3%BCr%C3%BCm%C3%BCnde-buna-%C3%A7ok-yakla%C5%9Ft%C4%B1">CSS3'ün yeni özellikleri heyecan verici. İnternet mecrasının görselliğini tek başına düzenleme amacı güden CSS, yeni sürümünde buna çok yaklaştı.
122</h4><ul><li>Uyumlu web çözümleri ile farklı platformlar için tek elden çözüm üretme imkanı sağlaması, ve birçok avantajı beraberinde getiriyor.</li><li>Yeni CSS3 seçicileri ve değerleri elimizi sağlamlaştırdı.</li><li>Yazılar ve metinlere tam hakimiyet sağlamamıza olanak sağlıyor.&nbsp;</li><li>Gölgeler, renk geçişi ve filtre efekti gibi görsel ihtiyaçları tam karşılayan çözümler sunuyor.</li><li>Dönüştürme, geçiş efektleri ve animasyon özellikleri Flash'ı tahtından eder nitelikte.</li><li>Çoklu kolonlar, esnek kutular ile sayfa planındaki boşlukları dolduruyor.</li></ul><p>Daha önceki kitabımdan da bildiğiniz gibi kendi sitemde (fatihhayrioglu.com) yazdığım makaleleri derleyip bir kitap haline getiriyorum. CSS3 yeniliklerini bir kitap haline getirmek uzun süredir düşündüğüm bir işti. Sonunda bu makaleleri derleyip bir kitap haline getirmeyi başardım.</p><div class="kg-card kg-header-card kg-v2 kg-width-full kg-content-wide kg-style-accent" data-background-color="accent">
123<div class="kg-header-card-content">
124<div class="kg-header-card-text kg-align-center">
125<p id="css3-tek-kelime-ile-heyecan-verici-css-web-sitelerinin-grnmn-dzenlemek-ve-ynetmek-iin-kullanlan-bir-standarttr-css-3-srm-ile-birlikte-site-grnmn-tek-bana-idare-etme-konusunda-ok-byk-ilerleme-kaydetti" class="kg-header-card-subheading" style="color:#fff" data-text-color="#FFFFFF"><span style="white-space:pre-wrap">CSS3 tek kelime ile heyecan verici. CSS web sitelerinin görünümünü düzenlemek ve yönetmek için kullanılan bir standarttır. CSS 3. sürümü ile birlikte site görünümünü tek başına idare etme konusunda çok büyük ilerleme kaydetti.</span></p>
126</div>
127</div>
128</div><div class="kg-card kg-header-card kg-v2 kg-layout-split kg-width-full kg-content-wide" style="background-color:#000" data-background-color="#000000">
129<div class="kg-header-card-content">
130<picture><img class="kg-header-card-image" src="https://cdn.synaps.media/hayrioglu/content/images/2025/03/author.png" loading="lazy" alt></picture>
131<div class="kg-header-card-text kg-align-center">
132<h2 id="fatih-hayrioluarayz-gelitirici" class="kg-header-card-heading" style="color:#fff" data-text-color="#FFFFFF"><span style="white-space:pre-wrap">Fatih Hayrioğlu</span><br><span style="white-space:pre-wrap">Arayüz Geliştirici</span><br></h2>
133<p id="1978-ylnda-trabzon-ili-srmene-ilesinde-domutur-ilk-orta-ve-lise-egitimini-istanbul-zeytinburnunda-tamamladktan-sonra-universiteyi-frat-universitesinde-okudu-bolumu-her-ne-kadar-cevre-muhendisligi-olsa-da-hayatn-web-sayfalarna-arayz-gelitirerek-gecirmektedir" class="kg-header-card-subheading" style="color:#fff" data-text-color="#FFFFFF"><span style="white-space:pre-wrap">1978 yılında Trabzon ili Sürmene ilçesinde doğmuştur. İlk, orta ve lise eğitimini İstanbul Zeytinburnu’nda tamamladıktan sonra Üniversiteyi Fırat Üniversitesi’nde okudu. Bölümü her ne kadar Çevre Mühendisliği olsa da hayatını web sayfalarına arayüz geliştirerek geçirmektedir.</span></p>
134</div>
135</div>
136</div>
137</section>
138</article>
139</main>
140<footer class="gh-footer gh-outer">
141<div class="gh-footer-inner gh-inner">
142<div class="gh-footer-bar">
143<span class="gh-footer-logo is-title">
144Fatih Hayrioğlu
145</span>
146<nav class="gh-footer-menu">
147<ul class="nav">
148<li class="nav-kaydol"><a href="#/portal/">Kaydol</a></li>
149<li class="nav-hosted-by-synaps-media"><a href="https://www.synapsmedia.com/">Hosted by Synaps Media</a></li>
150</ul>
151</nav>
152<div class="gh-footer-copyright">
153Powered by <a href="https://ghost.org/" target="_blank" rel="noopener">Ghost</a>
154</div>
155</div>
156<section class="gh-footer-signup">
157<h2 class="gh-footer-signup-header is-title">
158Fatih Hayrioğlu
159</h2>
160<p class="gh-footer-signup-subhead is-body">
161CSS - HTML - JAVASCRİPT | Fatih Hayrioğlu'nun not defteri
162</p>
163<form class="gh-form" data-members-form>
164<input class="gh-form-input" id="footer-email" name="email" type="email" placeholder="[email protected]" required data-members-email>
165<button class="gh-button" type="submit" aria-label="Subscribe">
166<span><span>Subscribe</span> <svg width="32" height="32" fill="currentColor" viewBox="0 0 256 256"><path d="M224.49 136.49l-72 72a12 12 0 01-17-17L187 140H40a12 12 0 010-24H187L135.51 64.48a12 12 0 0117-17l72 72A12 12 0 01224.49 136.49z"/></svg></span>
167<svg height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="round" stroke-width="2" fill="currentColor" stroke="none" stroke-linejoin="round" class="nc-icon-wrapper"><g class="nc-loop-dots-4-24-icon-o"><circle cx="4" cy="12" r="3"/><circle cx="12" cy="12" r="3"/><circle cx="20" cy="12" r="3"/></g><style data-cap="butt">.nc-loop-dots-4-24-icon-o{--animation-duration:0.8s}.nc-loop-dots-4-24-icon-o *{opacity:.4;transform:scale(.75);animation:nc-loop-dots-4-anim var(--animation-duration)infinite}.nc-loop-dots-4-24-icon-o :nth-child(1){transform-origin:4px 12px;animation-delay:-.3s;animation-delay:calc(var(--animation-duration)/-2.666)}.nc-loop-dots-4-24-icon-o :nth-child(2){transform-origin:12px 12px;animation-delay:-.15s;animation-delay:calc(var(--animation-duration)/-5.333)}.nc-loop-dots-4-24-icon-o :nth-child(3){transform-origin:20px 12px}@keyframes nc-loop-dots-4-anim{0%,100%{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}</style></g></svg> <svg class="checkmark" viewBox="0 0 52 52"><path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/><style>.checkmark{width:40px;height:40px;
167display:block;stroke-width:2.5;stroke:currentColor;stroke-miterlimit:10}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1)forwards}@keyframes stroke{100%{stroke-dashoffset:0}}</style></svg> </button>
168<p data-members-error></p>
169</form> </section>
170</div>
171</footer>
172</div>
173<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
174<div class="pswp__bg"></div>
175<div class="pswp__scroll-wrap">
176<div class="pswp__container">
177<div class="pswp__item"></div>
178<div class="pswp__item"></div>
179<div class="pswp__item"></div>
180</div>
181<div class="pswp__ui pswp__ui--hidden">
182<div class="pswp__top-bar">
183<div class="pswp__counter"></div>
184<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
185<button class="pswp__button pswp__button--share" title="Share"></button>
186<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
187<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
188<div class="pswp__preloader">
189<div class="pswp__preloader__icn">
190<div class="pswp__preloader__cut">
191<div class="pswp__preloader__donut"></div>
192</div>
193</div>
194</div>
195</div>
196<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
197<div class="pswp__share-tooltip"></div>
198</div>
199<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
200<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
201<div class="pswp__caption">
202<div class="pswp__caption__center"></div>
203</div>
204</div>
205</div>
206</div>
207<script src="/assets/built/source.js?v=O86vpTJppMBcH1np"></script>
vendor: 1 bytes, line 207
207
208<script src="https://cdn.jsdelivr.net/npm/[email protected]/prism.min.js"></script>
208
209</body>
210</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.