CSS Effects: ofgerënnt Ecker vun Elementer

Siwebiergen vun Kaskadespär Style Sheets ass sou einfach entworf dass d'Méiglechkeet déi onerwaart Design vun Maîtrise och wäit aus der programméiere an der Entwécklung vun der Mënschheet Siten sinn ass. Vläicht déi Tatsaach, datt Kanner spille mat Bléck an Erënnerung d'jiddereen bleiwen, benotzen d'Multi-onst Erfahrung am HTML, CSS ass einfach.

Allerdéngs ass déi aktuell programméiere nach ganz wäit vun Konstruktiounen vun Realitéit presentéieren. Bis elo, all Beräich (besat wat Dir Spär Element wëll) an all seng Bedeitung an der formell Nominatioun vun engem véiereckege Form, déi bannent der gewënschter Kéier contour Linn gemaach ass.

Bis elo, all Krees, sengem Radius, wéi eng Baron direkt an esou op. P. beschreift komplex mathematesch Equatioune oder ganz kleng Cubë, trapezoids, triangles oder aner rectilinear Elementer déi zu der A wéi engem Punkt op der Linn distinguishable sinn.

Klassesch Méi direkt Design

Et ass net aussergewéinlech, dass Fortschrëtt am Beräich vun programméiere a Informatiounen Technologien véiereckege Design Konsum. Innovativen Iddien rauszesichen Zäit op engem ofgerënnt Form, Offall, mee vergiesst nët op der Entsuergung vun den Entwéckler genuch Fonctiounen an HTML Regelen, CSS an Zesummenhang programméiere Sproochen ze presentéieren.

All Element op der Säit benotzt ass e véiereckege Beräich, an deem ass et e puer Deeler entgéintgeholl, vun deem an all Fall misst nëmmen benotzt ginn néideg krossbrauzernosti Ufuerderunge Wikisyntax Fonctiounen spezifeschen Inhalt sinn syntactic Konstruktiounen que.

Allgemeng Regelen fir CSS

Kaskadespär Style Sheets Offer der Elementer ze beschreiwen wéi follegt:

• Propriétéit: Wäert.

An dësem Fall, Verméigen - spezifesch Numm an Wäert kann entweder gin engem Numm oder eng Oplëschtung vun Nimm oder Wäerter.

Iwwer d'Spär Elementer an der brauchen ze maachen via CSS Corner ofgerënnt, mécht et Sënn de Grenz-Radius Verméigen a seng Wäert am Format "38px" oder "8px 16px 24px 38px" ze benotzen.

Wann de Wäert vun enger eenzeger Nummer ginn, gëtt et fir all Engelen fir déi Formatioun ginn. Rekord all véier Wäerter sinn:

• éischt Nummer - un der ieweschter lénks Corner;
• der zweeter - an der ieweschter Recht;
• déi drëtt - an d'ënneschten Recht;
• läscht - dem ënneschten lénks.

Deele puer vun de Regelen

Konzepter Grenz, Bild an Hannergrond kann zesumme benotzt ginn. Dat ass normal, an ernimmt Regelen Amëschung net mat all aner, de globale Zesummesetzung grënnen. Den Haapt Saach - zu Kont fir d'Tatsaach, datt den Numm vun all vun hinnen duerstellt, a wéi et applizéiert gëtt.

Éier dëst oder dat Element Idee, ass et wichteg e puer Experimenter a Test Aarbecht op MÉI Browser ze Exercice. Orientatioun an d'Berodung, Recommandatiounen, Beispiller vun drëtte-Partei oder CSS Siwebiergen, ofgerënnt Corner, an sou op. N. Ass selten besser wéi hir eege frësch Praxis.

Et ass wichteg, dass d'Grenz, Bild ze verstoen, wat vun Design Engelen - déi selwecht Zort Konzept. Zeechnen kann net am PNG-Format presentéiert ginn. Hie gëtt vun de Browser Géigewier ugefaangen ginn, no de Regelen am CSS etabléiert. Ofgerënnt Corner - Virsuerg Entwéckler, egal squareness vun der Quell Material.

Fonctiounen HTML, CSS vum Browser

Wëllkomm Style Originalopnahm Grousshandel - fir all Browser op eemol. Jiddefalls klassesch Beispiller op d'Thema "d'CSS: ofgerënnt Ecker" Offer ze schreiwen also:

Hannergrond: # FF7F00; / * Background * /

Grenz: 1px #CCCCCC staark; / * Grenzregiounen * /

-moz-Grenz-Radius: 10px; / * CSS ofgerënnt Corner fir Mozilla Firefox * /

-webkit-Grenz-Radius: 10px; / * ... fir de Safari an Sexualmoral * /

-khtml-Grenz-Radius: 10px; / * ... Konquerer * /

Grenz-Radius: 10px; / * D'CSS Corner ofgerënnt fir all * / an sou op. N.

am meeschte Fäll awer, ass et genuch der leschter Regel ze uginn. Entloossung soll just benotzt ginn, wann et eng richteg brauchen ass.

Klassesch an wonnerschéin Dësch

Trotz villen controversies Supportere Dësch Layout (TR, TD) an der Optioun vun benotzt Divisiounen Tags an span ( «Iwwerzuelsituatioun" Layout), objektiv Praxis Botwinnik Optioun ëmmer néideg.

An divs hunn e puer Dignitéit an Wéinst Dëscher. Wann se nët all aner komplementar, an just konkurréiere, hätt d'Fro séier an eng Versioun verdämpt datt déi bescht Aspekter vun Dëscher a divs kombinéiert.

Gréissten Deel vun de Siten hunn der CMS (Inhalt Management System) benotzt, a vun der Entsuergung vun den Entwéckler kënnt net nëmmen eng grouss Gamme vu "Risen" Daten vun honnerte vun Classeure, Objeten, mä och Dëscher.

Tag [Divisiounen | span], wéi esou, stinn net eraus, mee déi eenzeg Saach, déi genee op der komplett Barmhäerzegkeet vun der Entwéckler kennt - eng CSS Virlag. An all CMS trennt kloer de Code, Deel vun et aus dem Entwéckler d'Kreativitéit an hir eege Stiler vun dobäi Stil, an am Fall vun Ännerungen (zB, CSS - d'Ecker vun den Dësch dono), kënnt dir ëmmer d'Astellungen an Default Stiler restauréiert.

Kéieren an Engelen net vun der Siwebiergen Daach

Dir kënnt déi vun all de Regele vun HTML, CSS streng Dags, mä e Resultat ze hunn, gi se net gëtt. Superimposing Elementer un all aner, ass et méiglech all Regioun vun all Configuratioun ze kréien. Mat PHP-Entwécklung um Server, kënnt Dir bis de Browser d'Visiteur schécken an all Stil Fichieren hinnen de passenden Javascript Code am Kierper vum HTML-Fichier oder eng separat JS-Fichier un befestegt.

All Circuit Variant, all Form vun Propriétéit Element ass CSS Regelen! Ofgerënnt Corner - just virun allem, an real Chancen ass vill méi breet. An dësem Fall, Är eege Objete programméiere, kënnt Dir net Opmierksamkeet op d'Charakteristiken vun eenzelne Browser bezuelen, benotzen just den Tags a Struktur vun ären Sproochen, déi duerch all ugesi ginn, ouni Ausnam Browser.

Mat der Iddi vun Objet-konzentréiert programméiere, kanns de kucken vun engem Corner Design oder eng Kéier ass selbstverständlech net vun all Browser Formen virgesinn. An dësem Fall ass et net néideg, dass dat de Ball vum Cornerfändel an der Géigend ginn, déi ursprénglech e véiereckege Form war. Et ass wichteg, datt d'Komponente vun der Kéier an der Form vun CSS Regelen beschriwwen, an engem eenzege visuell Objet Code Javascript kombinéiert an op der rietser Zäit an déi richteg Plaz Browser, spigelt sech an déi richteg Form.

Dës Technik heescht Amëschung net mat sou Saachen selwer an eng dräi-zweedimensional Fliger oder weisen Animatioun ze realiséieren.