RekenaarsSagteware

CSS effekte: geronde hoeke van elemente

Sintaksis van Cascading Style Sheets is so eenvoudig ontwerp dat die moontlikheid van die verkryging van die mees onverwagte ontwerp is beskikbaar selfs ver van die ontwikkeling en die ontwikkeling van menslike webwerwe. Miskien is die feit dat kinders speel met in almal se geheue blokke bly, gebruik die multi-fasette ervaring in HTML, CSS is maklik.

Maar die huidige ontwikkeling is nog baie ver van die aanbieding van konstruksies van die werklikheid. Tot nou toe, 'n gebied (beset wat jy wil blok element) in enige van die betekenis daarvan en die formele aanstelling van 'n reghoekige vorm, wat gevorm word in die gewenste kurwe kontoerlyn.

Tot nou toe, enige sirkel, afronding radius, hoe 'n geboë reguit en so aan. P. Beskryf die komplekse wiskundige vergelykings of baie klein blokkies, trapezoids, driehoeke of ander reglynige elemente wat onderskei vir die oog as 'n punt op die lyn is.

Classic Reguit ontwerp

Dit is nie verbasend dat die vooruitgang op die gebied van ontwikkeling en inligting tegnologie gewettig vierkantige ontwerp. Innoverende idees het nie tyd te mors op 'n afgeronde vorm, maar moenie vergeet om te bied tot die beskikking van die ontwikkelaar genoeg funksies en HTML tags reëls, CSS en verwante programmeertale.

Enige element wat gebruik word op die bladsy is 'n vierkantige area, waarin dit toegeken verskeie dele, waarvan in elke geval moet net nodig oorweeg krossbrauzernosti vereistes opmaak funksies spesifieke inhoud beskikbaar sintaktiese konstruksies gebruik word.

Algemene reëls vir CSS

Cascading Style Sheets bied om die elemente te beskryf as volg:

  • eiendom: waarde.

In hierdie geval, eiendom - kan spesifieke naam en waarde óf 'n naam of 'n lys van name of waardes wees.

Met betrekking tot die blok elemente en die behoefte om dit te doen via CSS geronde hoeke, is dit sinvol om die eiendom grens-radius en die waarde daarvan te gebruik in die formaat "38px" of "8px 16px 24px 38px".

As die waarde wat deur 'n enkele nommer, sal dit ingestel word om dié vir alle hoeke. Rekord al vier waardes is:

  • eerste nommer - na die boonste linkerhoek;
  • die tweede - die boonste regterkantste;
  • die derde - die regter;
  • jongste - om die linkerhand.

Deel 'n paar van die reëls

Konsepte grens, beeld en agtergrond kan saam gebruik word. Dit is normaal, en genoem reëls nie inmeng met mekaar, die vorming van die algehele samestelling. Die belangrikste ding - om rekenskap te gee van die feit dat die naam van elkeen van hulle verteenwoordig, en hoe dit toegepas word.

Voor die implementering van hierdie of daardie element, is dit belangrik om 'n paar eksperimente en toets werk uit te voer op verskeie implementeer. Oriëntering ten opsigte van die raad, aanbevelings, voorbeelde van derde-party of CSS sintaksis, geronde hoeke, en so aan. N. selde beter as hul eie vars praktyk.

Dit is belangrik om te verstaan dat die grens, beeld, in terme van ontwerp hoeke - dieselfde tipe konsep. Tekening aangebied kan word nie in png-formaat. Hy sal uitgeroei sal word nie deur die leser, volgens die in die CSS gevestigde reëls. Geronde hoeke - omgee ontwikkelaar, ongeag haaks van die bronmateriaal.

Beskik oor HTML, CSS van blaaiers

Welkom Style opname groothandel - vir alle blaaiers op een slag. In elk geval klassieke voorbeelde oor die onderwerp "die CSS: geronde hoeke" aanbod om dit te skryf:

agtergrond: # FF7F00; / * Agtergrond * /

grens: 1px #CCCCCC soliede; / * Grens * /

-moz-grens-radius: 10px; / * CSS geronde hoeke vir Mozilla Firefox * /

-webkit-grens-radius: 10px; / * ... vir die Safari en Chrome * /

-khtml-grens-radius: 10px; / * ... Konquerer * /

grens-radius: 10px; / * Die CSS geronde hoeke vir alle * / en so aan. N.

Maar in die meeste gevalle is dit genoeg om die laaste reël gee. Ontslag moet slegs gebruik word wanneer daar 'n werklike behoefte.

Klassieke en wonderlike tafel

Ten spyte van talle kontroversies ondersteuners tafel uitleg (tr, td) en die opsie van die gebruik van div tags en span ( «wonderlike" uitleg), objektiewe praktyk bevoordeel opsie wat redelikerwys nodig is.

In divs het 'n paar waardigheid in die ander tafels. As hulle nie mekaar aanvul, en net meeding, sal die vraag vinnig verdamp in een weergawe wat die beste aspekte van tafels en divs kombineer.

Die meeste staanplekke geskep met behulp van die CMS (content management system), en in die beskikking van die ontwikkelaar kom nie net 'n wye verskeidenheid van "reuse" datastelle van honderde dopgehou, voorwerpe, maar ook tafels.

Merker [div | span], as sodanig, nie uitstaan nie, maar die enigste ding wat presies kom by die volledige genade van die ontwikkelaar - 'n CSS style. En enige CMS skei duidelik die kode, deel daarvan uit kreatiwiteit die ontwikkelaar se en hul eie style van bygevoeg styl, en in die geval van veranderinge (bv, css - afronding die hoeke van die tafel), kan jy altyd die instellings en verstek style herstel.

Curves en hoeke nie gedek deur die sintaksis

Jy kan streng hou by al die reëls van HTML, CSS, maar om 'n gevolg het, is dit nie voorsien. Aanbrengen elemente met mekaar, is dit moontlik om enige streek van enige opset te verkry. Die gebruik van PHP-ontwikkeling op die bediener, kan jy stuur om die leser die besoeker se en enige styl lêers te heg aan hulle die nodige JavaScript-kode in die liggaam van HTML-lêer of 'n aparte JS-lêer.

Enige kring variant, enige vorm van eiendom element is CSS reëls! Geronde hoeke - bloot die besonder, en die werklike geleenthede is veel wyer. In hierdie geval, programmering jou eie voorwerpe, kan jy nie aandag gee aan die eienskappe van individuele implementeer, gebruik net die etikette en struktuur van hiperteks tale, wat deur almal beskou, sonder uitsondering blaaiers.

Met behulp van die idee van objekgeoriënteerde programmering, kan jy die voorkoms van 'n hoek te ontwerp of 'n kurwe is natuurlik nie voorsien deur enige leser vorms. In hierdie geval, is dit nie nodig dat hierdie die hoek van die gebied, wat oorspronklik was 'n reghoekige vorm sal wees. Dit is belangrik dat die komponente van die in die vorm van CSS reëls beskryf kurwe, gekombineer in 'n enkele visuele JavaScript voorwerp kode en op die regte tyd op die regte plek leser, weerspieël homself in die korrekte vorm.

Hierdie tegnologie nie inmeng met sulke voorwerpe om hulself besef in 'n drie-dimensionele vliegtuig of show animasie.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 af.unansea.com. Theme powered by WordPress.