Cascading stilarter, fra nu, css

Den første ting er at have en idé, men svagt, at det er den stil, og det vil tjene os i at designe websider. Jeg kopierede en del af en artikel, der vil give os en idé lidt, forfatteren af denne artikel er direktør siden desarroWeb.com

Vi gik i ét med baggrunden af denne teknologi, de grunde, der har udviklet cascading style sheets, og målsætninger, der søger at opfylde. HTML-sproget er begrænset, når der gælder for et dokument form. Det er fordi den var designet til andre formål (især forskere), i modsætning til det nuværende, meget større. At løse disse problemer, har designere anvendt teknikker, såsom anvendelse af transparente, så de passer tabeller anvendelse af etiketter, der ikke er standard HTML og andre. Disse "fælder", har ofte forårsaget problemer på siderne når man ser på forskellige platforme. Desuden er designere er frustreret over de vanskeligheder, som, selv ved brug af disse tricks, de var på det tidspunkt, om de sider, da mange af dem var maquetando sider på papir, hvor kontrol over, hvordan dokumentet er absolut. Endelig en anden præcedens, der har nødvendiggjort udviklingen af denne teknologi er, at websider er blandet i dit HTML-dokument indhold med de nødvendige etiketter til at forme. Dette har sine ulemper, fordi læser HTML-koden lee tung og vanskelig, når de søger efter fejl eller debug sider. Selv fra det synspunkt af den rigdom af information og nytten af de sider, når opbevaring deres indhold er et stort problem, at disse tekster er blandet med indlejret tags til at forme disse: Det nedbryder deres anvendelighed. Miguel Ángel Álvarez Rapport Direktør for DesarrolloWeb.com

Der er flere måder at bruge stilarter, og selvom du måske ikke kender det, har vi været

bruge dem i et stykke tid, selv her, så vi ikke så længe siden, der ønsker at sætte en

rulle med bestemte farver, et eksempel på hvordan du bruger dem. Og også ofte ses i

se kildekoden i mail fra OE.

de los documentos y que tiene este aspecto: En kode, der vises i hovedet af de dokumenter, og der ser sådan ud:

> Etiketten <style> med parameteren type = "text / css">

P

{

font-family: "Times New Roman", Times, serif;

font-size: 12px;

font-style: italic;

font-weight: fed;

tekst-transformation: udnytte;

color: # CC3300;

}

Lukning af tag, som vi allerede ved:

</ Style>

P = et afsnit

Blandt tasten {}

instruktioner, der skal anvendes til etiketten <p>

Det betyder, at vi vil indsætte noget tekst i en udstationeret dokument:

Dette er et eksempel på stil, Dette er et eksempel på stil,

Dette er et eksempel på stil, Dette er et eksempel på stil,

Dette er et eksempel på stil, Dette er et eksempel på stil,

Dette er et eksempel på stil, Dette er et eksempel på stil,

: Valg af teksten, at Property Inspector og Format gå:

konvertere al tekst i et afsnit. Automatisk, formatet påføres teksten er som følger:

For at være at se dens drift, er det bedst, at du skal åbne et helt nyt dokument, ingen skabelon eller noget, en tom ark i alt. Bedre heller ikke fokusere ... og indtast teksten. : Få den stil, som jeg sætter over og indsæt i kildekoden:

Forstør

og konvertere din tekst i et afsnit. Du kan se resultatet som du har angivet i fangsten. : Du kan kontrollere, at koden skiftende farver, skriftstørrelse:

Color er nu # 00A000 og 20px størrelse (altid sat px eller pt, Px = pixels, pt = point)

Dette ville skabe forskellige stilarter, og vi ville gælde manuelt. Men drømmen er en mere praktisk måde at gøre det.

etc.. ) insertamos un texto cualquiera: Åbn et nyt dokument helt tomt (eller rense den en gang ovenfor), og forsøger ikke at indsætte en etiket (husk, <div> <span> etc. ..) indsætte noget tekst:

Fra hovedmenuen, skal du gå til Window / Style CSS:

I højre kolonne åbner et nyt vindue, at hvis vi arbejder på et dokument, der endnu ikke er knyttet et style sheet ser således ud:

Klik på ikonet Ny for at oprette en stil:

Og det åbner et nyt vindue, som i første omgang kan tage standard og andre markerede valg, og vi kommer til at ændre dette:

Vi vil skabe den samme stil som vi tidligere har set:

Og vi accepterer. que esta exactamente igual que el que habíamos puesto manualmente. Hvis man, som jeg sagde, vi har tekst i et stykke tag, og kan anvendes automatisk tjekke kildekoden er præcis som den, vi sætter manuelt.

, pero todas quedaría igual, es decir, todos los párrafos serian igual, si lo aplicásemos a <td> todas las celdas tendrían el mismo color de fondo , si lo habíamos puesto, mismo color de texto …etc, etc. Vi kunne oprette typografier for alle mærker, men alle forbliver de samme, dvs alle afsnit ville gerne, hvis vi anvender til <td> alle celler har samme baggrundsfarve, hvis du havde sat, samme farve tekst ... osv. osv.. Vi ville blive fordømmer etiketterne.

, que quizás si queramos hacerlo, pero si es para una misma pagina, seguro que habrá muchos que serán básicos y ya los tendríamos en el primero y no habría necesidad de volver a crearlos. Også på denne måde, gælder kun for det dokument, vi skaber på det tidspunkt, så i det næste, vil vi skabe andre farver, måske hvis vi vil, men hvis for den samme side, der findes jo mange for at være grundlæggende, og ville i den første og ingen grund til at genskabe dem.

Så hvis det automatisk anvendes, og vi sparer en stor opgave i sidste ende vil vi være meget indbringende

Derfor vil vi fortsætte med i næste tutorial og en endelig form, som vi vil se til at gælde for en hel personale på en webside eller et andet dokument, som vi har brug for.