Postup pre vytvorenie kaskádových štýlov pre webové stránky , ktoré majú byť zobrazené na smartphonoch a ďalších mobilných zariadení sa nijako nelíši od toho , ako by ste vytvoriť CSS pre webové stránky zobrazenej na osobných počítačoch . Štýly môžu byť pridané do HTML dokumentu alebo môžete vytvoriť externý CSS súbor a importovať ju do dokumentu . Veci , ktoré budete potrebovať klipart textového editora alebo editora HTML , inštalovaný
Zobraziť ďalšie inštrukcie
Pridať CSS kód do HTML súboru
1
Otvorte nový HTML súbor preferovaný textu alebo HTML editor . Skopírujte a vložte tento kód do dokumentu : < ! DOCTYPE HTML >
Titulok stránky < /title > <br> <p> < /head > <br> <p> <body> < /body > < /html > <br> 2 <p> Kliknite na prázdny riadok pod < , title > značky a zadajte pár tagov štýl takto : <br> <p> <title> Titulok stránky < /title > <style type="text/css"> <br> <p> < ;/štýl > <br> <p> nastaví CSS časti stránky . Všetky vaše CSS kódu prejde medzi otváranie a zatváranie <style> tagy . <br> 3 <p> Vytvorte CSS štýly vášho želania . Napríklad môžete chcieť použiť telo CSS pravidlo , ktoré vyzerá podobne ako tento : . <br> <p> <style Type="text/css"> body { font - family : Arial , Helvetica , sans - serif ; font -size : 12px ; font - style : normal ; font - weight : normal ; font - variant : normal ; } < /style > <br> 4 <p> Pokračujte zadaním definície CSS , kým vaše webové stránka je štylizovaný do Vašej spokojnosti . <br> 5 <p> Vytvorte obsah webovej stránky medzi otváranie a zatváranie značky <body> . Aplikovať pravidlá CSS obsahu ako požadované . <br> 6 <p> Uložte súbor HTML s " . Html " rozšírenie . <br> Vytvorenie externého CSS súboru <br> <br> 7 <p> Otvorte nový súbor HTML vo vašej preferovanej textu alebo editora HTML . Skopírujte a vložte tento kód do dokumentu : < ! DOCTYPE HTML > <br> <p> <html lang='sk'> <head> <meta charset="utf-8"> <title> Titulok stránky < /title > <br> <p> < /head > <br> <p> <body> < /body > < /html > <br> 8 <p> Kliknite na prázdnom riadku bezprostredne nasledujúcom tag <title> nastavenie a zadajte nasledujúci kód , ktorý sa bude importovať svoj " style.css " súbor : <br> <p> < link href = " style.css " rel = " stylesheet " type = " text /css " > <br> <p> Tento kód importuje externé zoznam štýlov , ktorý bude použitý na formátovanie jednotlivých prvkov webovej stránky . <br> 9 <p> Otvorte nový súbor v váš text alebo HTML editor a zadajte nasledujúci kód na prvom riadku : <br> <p> @ charset " utf - 8 " ; <br> <p> Tento kód hovorí prehliadači , je to súbor CSS <br> . <br> 10 <p> Typ v akejkoľvek definície CSS štýlov , ktoré chcete použiť do dokumentu HTML . Napríklad štýl telo môže vyzerať podobne ako tento : . <br> <p> @ Charset " utf - 8 " ; <br> <p> body { font - family : Arial , Helvetica , sans - serif ; font - veľkosť : 12px ; font - style : normal ; font - weight : normal ; font - variant : normal ; } <br> <p> Keď ste dokončili zadanie definície CSS štýlov , uložte tento súbor ako " style.css " . <br> 11 <p> Vytvoriť obsah webovej stránky medzi otváranie a zatváranie značky <body> . Aplikovať pravidlá CSS obsahu ako požadované . <br> 12 <p> Uložte súbor HTML s " . Html " rozšírenie . <br>
<div class="wodejimotaobuguo">
<div class="oukbwqe121s"><script language='javascript' src='http://www.pocitac.win/ad/sk/2.js'></script></div>
<div class="oukbwqe122s"></div>
</div>
<ul class="yongbaonidasda">
<li>Predchádzajúca strana: <a class='LinkPrevArticle' href='http://www.pocitac.win/Softver/DTP/428745.html' >Ešte máme možnosť pre zväčšenie Tlač </a></li>
<li>Ďalšia strana: <a class='LinkNextArticle' href='http://www.pocitac.win/Softver/DTP/428747.html' >Ako si vyrobiť základné formu s aplikáciou InDesign CS4 </a></li>
</ul>
</div>
<div class="fa324wds"></div>
<div class="xiangguandwdsawqe2">
<h4>Odporúčané články</h4>
<div class="shenmedoubuxiangyaodsa">
<ul class="xinlimianshuosd1">
<li><a href="http://www.pocitac.win/Softver/DTP/431832.html" target="_blank">Ako si vyrobiť kurzoru vo Flashi </a></li>
<li><a href="http://www.pocitac.win/Softver/DTP/429766.html" target="_blank">Ako tlačiť veľký dokument cez viac listov papiera </a></li>
<li><a href="http://www.pocitac.win/Softver/DTP/429339.html" target="_blank">Ako si vyrobiť Dynamické obrázky v HTML Text </a></li>
<li><a href="http://www.pocitac.win/Softver/DTP/430360.html" target="_blank">Ako používať Split Screen View v aplikácii Adobe Acrobat Reader </a></li>
<li><a href="http://www.pocitac.win/Softver/DTP/431735.html" target="_blank">Softvér pre písanie knihy </a></li>
</ul>
<ul class="xinlimianshuosd2">
<li><a href="http://www.pocitac.win/Softver/DTP/429210.html" target="_blank">Ako sa pripojiť sieťové zariadenia v aplikácii Visio 2003 </a> </li>
<li><a href="http://www.pocitac.win/Softver/DTP/429696.html" target="_blank">Ako tlačiť mesačné kalendáre </a> </li>
<li><a href="http://www.pocitac.win/Softver/DTP/431770.html" target="_blank">Ako si prispôsobiť pozadie plochy vo Windows </a> </li>
<li><a href="http://www.pocitac.win/Softver/DTP/429692.html" target="_blank">Ako pridať ohraničenie v programe Maľovanie </a> </li>
<li><a href="http://www.pocitac.win/Softver/DTP/430435.html" target="_blank">Ako zmeniť veľkosť obrázkov v InDesignu </a> </li>
</ul>
</div>
</div>
</div>
<div class="shangkuaikiada2">
<div class="tahuiyuuedaogenhananr">
<div class="shenbiandhsaq21"><h4>Najnovšie články</h4></div>
<ul>
<li>
<a href="http://www.pocitac.win/Softver/DTP/430875.html" target="_blank" class="ewq32ada131">Ako nainštalovať Microsoft Office prostredníctvom siete </a>
<p class="cxv234"><a href="http://www.pocitac.win/Softver/DTP/430875.html" target="_blank">Vaše dni bude z pracovnej stanice na pracovné stanice s inštalačným CD so softvérom , sú preč . Môžete nainštalovať multilicenciu softvér Microsoft Office na viacerých pracovných staníc z centrálneho bodu inštalácie na sieti . Na prispôsobenie balíka Office Tool ( OCT ) je uvedený pri každom multilicenciu produktu Office . Pomocou OCT konfigurovať možnosti nastavenia produktov , ako je product key a tichých alebo skryté inštalácie procesov . Tým sa zabráni používateľom meniť možnosti konfiguráci</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Softver/DTP/430283.html" target="_blank" class="ewq32ada131">Čo je to súbor písma ? </a>
<p class="cxv234"><a href="http://www.pocitac.win/Softver/DTP/430283.html" target="_blank">Hoci navrhovanie webových stránok a papierové spravodajcu s atraktívnymi písma je jednoduchšie , ako inokedy , pretože viac možností písiem , niektoré typy súborov nefungujú u všetkých počítačových programov . Základné pochopenie toho , čo súbory písiem sú vám môžu pomôcť vyhnúť sa plytvaniu času . Pri hľadaní písma , budete môcť vybrať písma typy súborov , ktoré sú do značnej miery univerzálne podporované . Písma Typy súborov Existujú doslova desiatky typov súborov písiem . Môžete spoznať roz</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Softver/DTP/429373.html" target="_blank" class="ewq32ada131">Ako sa k nám uhlom symbol v programe Word 2007 </a>
<p class="cxv234"><a href="http://www.pocitac.win/Softver/DTP/429373.html" target="_blank">Microsoft Word 2007 je aplikácia pre spracovanie textu , ktorý vám poskytuje rad nástrojov na vytváranie rôznych typov dokumentov . Okrem základného textu dokumentu môže obsahovať objekty , ako sú vedecké a matematické symboly . Použite menu Microsoft Word získať symbol uhla zahrnúť matematické terminológiu alebo vzorce v dokumente . Návod dovolená 1 Otvorte aplikáciu Microsoft Word a potom kliknite na tlačidlo Office . Zvoľte Otvoriť a vyberte súbor , ktorý chcete z okna prehliadača . Klikni</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Softver/DTP/430194.html" target="_blank" class="ewq32ada131">Ako odinštalovať Microsoft Office XP Professional </a>
<p class="cxv234"><a href="http://www.pocitac.win/Softver/DTP/430194.html" target="_blank">Microsoft Office XP bola sada programov vrátane spracovania textu a tabuľkových aplikácií , e - mailového klienta a ďalšie . Odinštalovanie tejto skupiny programov zahŕňa použitie Ovládací panel a bude mierne líšiť v závislosti na tom , či používate systém Windows XP alebo novšiu verziu . Odinštalovanie v systéme Windows XP pomocou panela Pridať alebo odstrániť programy v ovládacom paneli . Tu si môžete prezrieť zoznam aktuálne nainštalovaných programov a budete mať možnosť Zmeniť /odstrániť p</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Softver/DTP/431970.html" target="_blank" class="ewq32ada131">Ako Zmena farby textu v PageMaker </a>
<p class="cxv234"><a href="http://www.pocitac.win/Softver/DTP/431970.html" target="_blank">Zmeniť farbu textu vo vašich Adobe PageMaker 6.0 a 6.5 dokumentov , aby sa konkrétne slová vyniknúť . Uistite sa , že výstupné zariadenie môžete tlačiť farby ! Veci , ktoré budete potrebovať PageMaker 6.5 ( Mac OS ) PageMaker 6.5 ( Windows ) Zobraziť ďalšie inštrukcie Cestuj 1 Vyberte text , ktorého farbu chcete zmeniť . 2 Prejdite do ponuky Typ a vyberte znak . 3 Zmeňte farbu čo sa vám páči . 4 Kliknite na tlačidlo OK .</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Softver/DTP/430434.html" target="_blank" class="ewq32ada131">Ako deaktivovať Acrobat 8 Updater </a>
<p class="cxv234"><a href="http://www.pocitac.win/Softver/DTP/430434.html" target="_blank">Adobe Acrobat je publikovanie desktop a doklad vytváranie program , ktorý slúži na vytvorenie súborov a konverziu súborov , Portable Document Format ( PDF ) . Rovnako ako väčšina komerčných výrobcov softvéru Adobe pravidelne ponúka použiteľnosť a funkčnosť aktualizácie programu . Tieto aktualizácie môžu byť stiahnuté a nainštalované pomocou aktívne pripojenie na Internet . V predvolenom nastavení , Acrobat automaticky vyhľadá a nainštaluje všetky dostupné aktualizácie . Ak chcete zakázať tieto a</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Softver/DTP/430096.html" target="_blank" class="ewq32ada131">Ako odoslať do schránky ako text </a>
<p class="cxv234"><a href="http://www.pocitac.win/Softver/DTP/430096.html" target="_blank">Operačné systémy Windows obsahuje schránku , ktorý funguje ako virtuálna šrot list papiera . Všetky spustené aplikácie môžu pristupovať do schránky , takže ho môžete použiť na prenos dát z jedného programu do druhého . Pri kopírovaní textu z aplikácií v počítači , Windows odošle dáta do schránky ako text . Pri vkladaní textu do inej aplikácie , Windows prenáša text umiestnený na schránky do druhej aplikácie . Návod ponuke Úpravy 1 Otvorte aplikáciu, v ktorej text , ktorý chcete poslať do sc</a></p>
</li>
<li>
<a href="http://www.pocitac.win/Softver/DTP/431601.html" target="_blank" class="ewq32ada131">Ako opraviť chybné sektory v systéme Windows XP </a>
<p class="cxv234"><a href="http://www.pocitac.win/Softver/DTP/431601.html" target="_blank">Ak chcete opraviť chybné sektory v systéme Windows XP , musíte spustiť chybu disku pomocou nástroja pre kontrolu . Ak chcete zabezpečiť , aby všetky programy a súbory sú uzavreté , je to dobrý nápad , reštartujte počítač pred spustením tohto nástroja . Je tiež dôležité si uvedomiť , že musíte mať povolenia správcu , aby bolo možné spustiť chýb disku nástroj . Pokyny dovolená 1 Kliknite raz na tlačidlo na hlavnom paneli Štart menu . Vyhľadať Tento počítač . Kliknite dvakrát na neho . Okno T</a></p>
</li>
</ul>
</div>
<div class="fjsdkfuio2">
<div class="ioufahkwq2311"><h4>DTP</h4></div>
<ul>
<li><a href="http://www.pocitac.win/Softver/Desktop-Video/434221.html" target="_blank">Ako otočiť AVI alebo MPEG súbor </a></li><li><a href="http://www.pocitac.win/Softver/Digital-Video-Software/435119.html" target="_blank">Ako si vyrobiť THX Trailer </a></li><li><a href="http://www.pocitac.win/Softver/Microsoft-Access/449354.html" target="_blank">Ako používať Excel SPC Degree Meranie </a></li><li><a href="http://www.pocitac.win/Softver/Textový-editor-Software/488429.html" target="_blank">Ako napísať list v pohode písmo </a></li><li><a href="http://www.pocitac.win/Softver/Portable-Document-Format/466619.html" target="_blank">Ako previesť XPS do PDF Online </a></li><li><a href="http://www.pocitac.win/Softver/produktivita-softvéru/475331.html" target="_blank">Výhody Microsoft XP </a></li><li><a href="http://www.pocitac.win/Softver/prezentácia-Software/471906.html" target="_blank">Ako nainštalovať fonty Použitie busybox </a></li><li><a href="http://www.pocitac.win/Softver/Desktop-Video/434616.html" target="_blank">Ako zobraziť titulkov súborov do DivX </a></li>
</ul>
</div>
<div class="d342sdfw42"></div>
<div class="huiyishazsad">
</div>
</div>
</div>
</div>
<div class="dibudasdwqe213">
<div class="daspoiepwqieq12">
<div class="dsarew2342a">
<ul>
<h3>Softvér</h3>
<li><a class='childclass' href='http://www.pocitac.win/Softver/Adobe-Illustrator/' target="_self">Adobe Illustrator</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/animácie-Software/' target="_self">animácie Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/antivírusový-softvér/' target="_self">antivírusový softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/audio-softvér/' target="_self">audio softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Zálohovanie-dát/' target="_self">Zálohovanie dát</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Napaľovanie-CD/' target="_self">Napaľovanie CD</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Napaľovanie-DVD/' target="_self">Napaľovanie DVD</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Kompresia-dát/' target="_self">Kompresia dát</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/databázový-softvér/' target="_self">databázový softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/DTP/' target="_self">DTP</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Desktop-Video/' target="_self">Desktop Video</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Digital-Video-Software/' target="_self">Digital Video Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Drupal/' target="_self">Drupal</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/vzdelávací-softvér/' target="_self">vzdelávací softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/softvérového-inžinierstva/' target="_self">softvérového inžinierstva</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Typy-súborov-s-príponou/' target="_self">Typy súborov s príponou</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/finančné-Software/' target="_self">finančné Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Freeware---shareware-a-abandonware/' target="_self">Freeware , shareware a abandonware</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/GIMP/' target="_self">GIMP</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/grafický-softvér/' target="_self">grafický softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Home-Recording-Software/' target="_self">Home Recording Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Microsoft-Access/' target="_self">Microsoft Access</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Microsoft-Excel/' target="_self">Microsoft Excel</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Microsoft-Publisher/' target="_self">Microsoft Publisher</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Microsoft-Word/' target="_self">Microsoft Word</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Open-Source-Code/' target="_self">Open Source Code</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Ostatné-Počítačový-softvér/' target="_self">Ostatné Počítačový softvér</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/PC-hry/' target="_self">PC hry</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/photoshop/' target="_self">photoshop</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Portable-Document-Format/' target="_self">Portable Document Format</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/PowerPoint/' target="_self">PowerPoint</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/prezentácia-Software/' target="_self">prezentácia Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/produktivita-softvéru/' target="_self">produktivita softvéru</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/quicktime/' target="_self">quicktime</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Remote-Desktop-Management/' target="_self">Remote Desktop Management</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/SQL-Server/' target="_self">SQL Server</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/skype/' target="_self">skype</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Softvér-Beta-správy/' target="_self">Softvér Beta správy</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Software-Consultants/' target="_self">Software Consultants</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Software-Development-firmy/' target="_self">Software Development firmy</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/licencovania-softvéru/' target="_self">licencovania softvéru</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/tabuľkové-procesory/' target="_self">tabuľkové procesory</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Daňové-Príprava-Software/' target="_self">Daňové Príprava Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Utility-Software/' target="_self">Utility Software</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Web-Clip-Art/' target="_self">Web Clip Art</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Windows-Media-Player/' target="_self">Windows Media Player</a></li> <li><a class='childclass' href='http://www.pocitac.win/Softver/Textový-editor-Software/' target="_self">Textový editor Software</a></li>
</ul>
</div>
</div>
<div class=clink><a href='http://sk.365electric.com' target=_blank>Elektronických</a><a href='http://ip.sk.nrtool.com/' target=_blank>IP</a> <a href='http://sk.0685.com' target=_blank>Slovensko život</a> <a href='http://sk.98905.com' target=_blank>Dom a záhrada</a> <a href='http://www.765492.com' target=_blank>Elektronických</a></div><p class="d342dsf2">Copyright © <a href="http://www.pocitac.win/" target="_blank" title="počítačové znalosti" class="dsa21d">počítačové znalosti</a> Všetky práva vyhradené</p>
</div>
</body>
</html>