Cascading Style Sheets
- Afrikaans
- Aragones
- l`rby@
- asmiiy'aa
- Az@rbaycanca
- Boarisch
- Zemaiteska
- Belaruskaia (tarashkevitsa)
- Belaruskaia
- B'lgarski
- baaNlaa
- Brezhoneg
- Bosanski
- Catala
- khwrdy
- Cestina
- Cymraeg
- Dansk
- Deutsch
- Zazaki
- Dolnoserbski
- Ellenika
- English
- Esperanto
- Espanol
- Eesti
- Euskara
- frsy
- Suomi
- Francais
- Nordfriisk
- Gaeilge
- Gaidhlig
- Galego
- Hawai`i
- `bryt
- hindii
- Hrvatski
- Hornjoserbsce
- Magyar
- Hayeren
- Interlingua
- Bahasa Indonesia
- Islenska
- Italiano
- Ri Ben Yu
- k`art`uli
- Qaraqalpaqsha
- Taqbaylit
- K'azak'sha
- hangugeo
- Kyrgyzcha
- Lingua Franca Nova
- Lombard
- Lietuviu
- Latviesu
- Makedonski
- mlyaallN
- Bahasa Melayu
- mnmaabhaasaa
- Nederlands
- Norsk nynorsk
- Norsk bokmal
- pNjaabii
- Polski
- pnjby
- Portugues
- Runa Simi
- Russkii
- Srpskohrvatski / srpskokhrvatski
- siNhl
- Simple English
- Slovencina
- Slovenscina
- Shqip
- Srpski / srpski
- Svenska
- tmilll
- Tetun
- Toch'iki
- aithy
- Turkmence
- Tagalog
- Turkce
- ChiTumbuka
- y'uyGurchae / Uyghurche
- Ukrayins'ka
- rdw
- O`zbekcha / uzbekcha
- Veneto
- Tieng Viet
- Wu Yu
- Yue Yu
- Zhong Wen
| Cascading Style Sheets (CSS) | |
| Extensie de fisier | .css |
|---|---|
| Tip MIME | text/css |
| UTI | public.css |
| Dezvoltat de | World Wide Web Consortium |
| Lansat | 17 decembrie 1996 |
| Container pentru | reguli de stil pentru elementele HTML |
| Continut de | documente HTML |
| Website | https://www.w3.org/Style/CSS/ |
| Modifica text | |
CSS sau Cascading Style Sheets este un standard pentru formatarea elementelor unui document HTML. Stilurile se pot atasa elementelor HTML prin intermediul unor fisiere externe sau in cadrul documentului, prin elementul si/sau atributul style. CSS se poate utiliza si pentru formatarea elementelor XHTML, XML si SVGL.[1] CSS este una dintre tehnologiile de baza utilizate in procesul de dezvoltare web, impreuna cu HTML si JavaScript.[2]
CSS permite separarea si prezentarea vizuala a continutului unei pagini web, inclusiv culorile si fonturile disponibile.[3] Separarea elementelor unei pagini imbunatateste accesibilitatea paginii si permite o mai buna flexibilitate si un control in specificatiile caracteristicilor de prezentare.
CSS3
[modificare | modificare sursa]CSS3 reprezinta un upgrade ce aduce cateva atribute noi si ajuta la dezvoltarea noilor concepte in webdesign.
Unele dintre cele mai importante segmente (module) noi adaugate acestui standard pentru formatarea elementelor HTML aduc un plus considerabil in dezvoltarea activitati webdesign.
Mai jos sunt prezente in lista cele mai importante module adaugate in CSS3:
- Selectors
- Box Model
- Backgrounds and Borders
- Image Values and Replaced Content
- Text Effects
- 2D/3D Transformations
- Animations
- Multiple Column Layout
- User Interface
Desi au aparut unele deficiente de compatibilitate intre browsere, majoritatea proprietatilor CSS3 au fost implementate cu succes in variantele browserelor noi.
CSS3 - Borduri
Acum CSS3 ofera posibilitatea de a crea borduri cu colturile rotunjite fara a folosi elemente grafice de fundal asa cum se folosea anterior acestui upgrade.
Proprietatea CSS3 border-radius defineste prin valorile exprimate in pixeli cat de rotunjite vor fi colturile unui element HTML sau unei imagini. Fiecare colt poate avea o alta valoare exprimata in pixeli diferita de un alt colt al aceluiasi element. Prin urmare putem folosi pana la 4 valori diferite atribuite unui element HTML sau imagine.
Exemplu:
border-radius: 5px ;
- defineste valoarea de 5px radius pentru toate cele 4 colturi ale elementului.
border-radius: 5px 7px 12px 4px;
- aceste valori multiple definesc cat de mult vor fi rotunjite colturile elementului HTML, iar pentru fiecare colt este specificata valorarea. Coltul stanga-sus are valoarea border-radius de 5px, coltul dreapta-sus are valoarea border-radius de 7px, coltul dreapta-jos al elementului HTML are valoarea de 12px iar coltul din stanga-jos are valoarea de 4px.
CSS3 - Borduri Rotunjite - Optimizat
Varianta ne-comprimata sau ne-optimizata:
border-radius-left: 5px;
border-radius-right: 7px;
border-radius-top: 12px;
border-radius-bottom: 4px;
Varianta mimificata, compresata/optimizata:
border-radius: 5px 7px 12px 4px;
Ambele variante sunt corecte si acceptate de clientul browser.
CSS3 - Borduri Rotunjite - Compatibilitate Browser
Pentru compatibilitatea cu diferite browsere se folosesc prefixe: -webkit- , -moz- , -o-
Compatibilitate: Internet Explorer (IE) - 0.9 , Chrome foloseste prefixul -webkit- pentru 4,0 , Firefox foloseste prefixul -moz- pentru versiunea 3.0, Safari foloseste prefixul -webkit- pentru versiunea 3.1, Opera 10.5 prefix -o-
Exemplu CSS3 border-radius:
div {
border: 2px solid #333333;
padding: 10px 40px;
background: #dddddd;
width: 300px;
border-radius:25px;
}
Elementul HTML div este definit de urmatoarele proprietati CSS: dimensiunea in lungime este redata de valoarea in pixeli a proprietatii width, foloseste o bordura de 2 pixeli, o bordura solida de culoare gri-inchis definita de caloarea HEX #333333. Culoarea de fundal este gri deschis definita de HEX #dddddd. Bordura rotunjita este de 25 pixeli pentru toate cele 4 colturi.
Vezi si
[modificare | modificare sursa]Bibliografie
[modificare | modificare sursa]- Jeffrey Zeldman (2009): Designing With Web Standards, New Riders, ISBN 978-0321616951 (paperback) (book's companion site)
- Dan Cederholm (2009): Web Standards Solutions, The Markup and Style Handbook, Friends of Ed, ISBN 978-1430219200 (paperback) (Author's site Arhivat in , la Wayback Machine.)
- Meyer, Eric A. (). Cascading Style Sheets: The Definitive Guide, Third Edition. O'Reilly Media, Inc. ISBN 0-596-52733-0.
- More Eric Meyer On CSS (2004) ISBN 0-7357-1425-8
- Eric Meyer On CSS (2002), ISBN 0-7357-1245-X
- Meyer, Eric A. (2001) Cascading Style Sheets 2.0 Programmer's Reference, McGraw-Hill Osborne Media, ISBN 0-07-213178-0
- The Zen of CSS Design (2005) (co-authored by CSS Zen Garden Owner, Dave Shea, and Molly E. Holzschlag), ISBN 0-321-30347-4
- Kynn Bartlett: Teach Yourself CSS in 24 Hours, 2nd Edition (2006), Sams Publishing, ISBN 978-0672329067
- Cascading Style Sheets: Designing for the Web Arhivat in , la Wayback Machine. (2005) by Hakon Wium Lie and Bert Bos, ISBN 0-321-19312-1
- Cascading Style Sheets Cascading Style Sheets, PhD thesis, by Hakon Wium Lie - provides an authoritative historical reference of CSS
- Cascading Style Sheets: Separating Content from Presentation[nefunctionala], (co-authored by Owen Briggs, Steven Champeon, Eric Costello, and Matt Patterson), Friends of Ed (2004), ISBN 978-1590592311
- Keith Schengili-Roberts (2003): Core CSS, 2nd Edition, Prentice Hall, ISBN 0-13-009278-9
- On the Analysis of Cascading Style Sheets, Pierre Geneves, Nabil Layaida, and Vincent Quint, Proceedings of the 21st International Conference on World Wide Web (WWW'12), p. 809-818, 2012.
Note
[modificare | modificare sursa]- ^ ,,CSS developer guide". Mozilla Developer Network. Arhivat din original la . Accesat in .
- ^ Flanagan, David. JavaScript - The definitive guide (ed. 6). p. 1.
JavaScript is part of the triad of technologies that all Web developers must learn: HTML to specify the content of web pages, CSS to specify the presentation of web pages, and JavaScript to specify the behaviour of web pages.
- ^ ,,What is CSS?". World Wide Web Consortium. Arhivat din original la . Accesat in .
Legaturi externe
[modificare | modificare sursa]- CSS home page at W3C - Includes links to the CSS specifications.
- CSS pe Curlie
- Tutoriale animatii folosind CSS3 Arhivat in , la Wayback Machine.
- Tutorial tehnica tipografica folosind CSS3 Arhivat in , la Wayback Machine.