Jump to content

Despre CSS


sinnoptic

Recommended Posts

Pagina „CSS” trimite aici. Pentru sistemul de criptare și codificare al conținutului video vedeți Content Scramble System.

Cascading Style Sheets (CSS)

Extensie de fișier .css

Tip MIME text/css

Dezvoltat de Håkon Wium Lie, Bert Bos, World Wide Web Consortium

Lansat 17 decembrie 1996; acum 19 ani

Tipul formatului Style sheet language

Standard(e) Level 1 (Recommendation)

Level 2 (Recommendation)

Level 2 Revision 1 (Recommendation)

Modifică text Consultați documentația formatului

HTML

HTML și HTML5; HTML editor

HTML dinamic

XHTML

XHTML Basic (Mobile)

XHTML Mobile Profile și C-HTML

HTML element

Span și div

Atribut HTML

Character encodings; Unicode

Cod de limbaj

Document Object Model

Browser Object Model

Style sheets și CSS

Font family și Culori web

HTML scripting și JavaScript

W3C, WHATWG, și validator

Quirks mode

HTML Frames

HTML5 Canvas, WebGL, și WebCL

HTML5 Audio și HTML5 video

Web storage

Web browser (layout) engine

Comparația

limbajelor de marcare a documentului

browserelor web

layout engine support for

HTML; Non-standard HTML

XHTML (1.1)

HTML5; HTML5 canvas,

HTML5 media (Audio, Video)

v • d • m

CSS (Cascading Style Sheets) este un standard pentru formatarea elementelor unui document HTML. Stilurile se pot atașa elementelor HTML prin intermediul unor fișiere externe sau în cadrul documentului, prin elementul <style> și/sau atributul style. CSS se poate utiliza și pentru formatarea elementelor XHTML, XML și SVGL.

 

Cuprins  [ascunde] 

1 CSS3

2 Vezi și

3 Bibliografie

4 Legături externe

CSS3[modificare | modificare sursă]

CSS3 reprezintă un upgrade ce aduce câteva atribute noi și ajută la dezvoltarea noilor concepte in webdesign.

 

Unele dintre cele mai importante segmente (module) noi adăugate acestui standard pentru formatarea elementelor HTML aduc un plus considerabil in dezvoltarea activități webdesign.

 

Mai jos sunt prezente in listă cele mai importante modulele adăugate in CSS3:

 

Selectors

Box Model

Backgrounds and Borders

Image Values and Replaced Content

Text Effects

2D/3D Transformations

Animations

Multiple Column Layout

User Interface

Deși au apărut unele deficiente de compatibilitate intre browsere, majoritatea proprietăților CSS3 au fost implementate cu succes in variantele browserelor noi.

 

CSS3 - Borduri

 

Acum CSS3 oferă posibilitatea de a crea borduri cu colțurile rotunjite fară a folosi elemente grafice de fundal așa cum se folosea anterior acestui upgrade.

 

Proprietatea CSS3 border-radius definește prin valorile exprimate in pixeli cat de rotunjite vor fi colțurile unui element HTML sau unei imagini. Fiecare colț poate avea o alta valoare exprimată in pixeli diferită de un alt colț al aceluiași element. Prin urmare putem folosi pana la 4 valori diferite atribuite unui element HTML sau imagine.

 

Exemplu:

 

border-radius: 5px ;

 

- definește valoarea de 5px radius pentru toate cele 4 colțuri ale elementului.

 

border-radius: 5px 7px 12px 4px;

 

- aceste valori multiple definesc cat de mult vor fi rotunjite colțurile elementului HTML, iar pentru fiecare colt este specificata valorarea. Colțul stanga-sus are valoarea border-radius de 5px, colțul dreapta-sus are valoarea border-radius de 7px, colțul dreapta-jos al elementului HTML are valoarea de 12px iar colțul din stanga-jos are valoarea de 4px.

 

CSS3 - Borduri Rotunjite - Optimizat

 

Varianta ne-comprimată sau ne-optimizată:

 

border-radius-left: 5px;

 

border-radius-right: 7px;

 

border-radius-top: 12px;

 

border-radius-bottom: 4px;

 

Varianta mimificată, compresată/optimizată:

 

border-radius: 5px 7px 12px 4px;

 

Ambele variante sunt corecte și 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 folosește prefixul -webkit- pentru 4,0 , Firefox folosește prefixul -moz- pentru versiunea 3.0, Safari folosește 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 proprietăți CSS: dimensiunea in lungime este redată de valoarea in pixeli a proprietății width, folosește o bordură de 2 pixeli, o bordură solidă de culoare gri-inchis definită de caloarea HEX #333333. Culoarea de fundal este gri deschis definită de HEX #dddddd. Bordura rotunjită este de 25 pixeli pentru toate cele 4 colțuri.

 

Sursa : www.wikipedia.ro

Edited by S1NnOpTic
Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...