CSS-tyylejä nyt, css

Ensimmäinen asia on saada idea, mutta hämärästi että se tyyli ja se palvelee meitä sivujen suunnittelussa. Kopioin osan artikkeli, joka antaa meille käsityksen hieman, kirjoittaja tämä pykälä on johtaja sivun desarroWeb.com

Menimme sisään taustalla tämän tekniikan perusteet, jotka ovat kehittyneet CSS-tyylisivut ja tavoitteet, joilla pyritään täyttämään. HTML-kieli on rajallinen haettaessa asiakirjan muotoon. Tämä johtuu siitä, että se on tarkoitettu muihin tarkoituksiin (pääasiassa tutkijat), toisin kuin nykyinen, paljon suurempi. Näiden ongelmien ratkaisemiseksi, suunnittelijat ovat käyttäneet tekniikoita, kuten käyttö läpinäkyvät kuvat sopivaksi taulukoita, käyttävät etikettejä, jotka eivät ole tavallisia HTML-ja muut. Nämä "ansoja" ovat usein aiheuttaneet ongelmia sivuilta katsottaessa eri alustoilla. Lisäksi suunnittelijat ovat turhautuneita vaikeus, että vaikka käyttämällä näitä temppuja, he olivat tekohetkellä säätävä sivuja, sillä monet heistä olivat maquetando sivuja paperille, jossa valvoa, miten asiakirja on ehdoton. Vielä yksi ennakkotapaus, joka on edellyttänyt tämän teknologian on se, että web-sivut sekoitetaan HTML-dokumentin sisällön kanssa tarvittavat merkinnät muokata. Tämä on kääntöpuolensa, sillä lukeminen HTML code lee raskas ja vaikea, kun etsivät virheitä tai debug sivua. Vaikka mistä näkökulmasta runsaasti tietoa ja hyödyllisyydestä sivujen säilytyksessä niiden sisältö on suuri ongelma, että nämä tekstit ovat sekoitetaan upotettu tagit muokata nämä: se heikentää niiden käyttökelpoisuutta. Miguel Ángel Álvarez raportti Johtaja DesarrolloWeb.com

On olemassa useita tapoja käyttää tyylejä ja vaikka et ehkä tiedä sitä, olemme olleet

käyttävät niitä jo jonkin aikaa, jopa täällä, näimme ei kauan sitten, jotka haluavat laittaa

Siirry värejä, esimerkki siitä, miten käyttää niitä. Ja myös usein nähty

tarkastella lähdekoodia postia OE.

de los documentos y que tiene este aspecto: Koodia, joka näkyy johtaja asiakirjoja ja näyttää tältä:

> Etiketti <style> parametrilla type = "text / css">

P

{

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

font-size: 12px;

font-style: italic;

font-weight: bold;

text-transform: hyödyntämään;

color: # CC3300;

}

Sulkeminen tag tiedämme jo:

</ Div>

P = kappaleen

Tärkeimpiin {}

ohjeita voidaan soveltaa etiketin <p>

Tämä tarkoittaa, että voimme lisätä joitakin asiakirjan tekstiä kirjoittaneet:

Tämä on esimerkki tyyli, Tämä on esimerkki tyyli,

Tämä on esimerkki tyyli, Tämä on esimerkki tyyli,

Tämä on esimerkki tyyli, Tämä on esimerkki tyyli,

Tämä on esimerkki tyyli, Tämä on esimerkki tyyli,

: Valinta teksti, mene Property Inspector-ja Format:

muuntaa kaikki tekstin kohdassa. Automaattisesti, tyyli voidaan soveltaa tekstin ollessa seuraavat:

Ollakseen katsomassa sen toiminnasta, se on parasta, että sinun pitäisi avata täysin uusi dokumentti, ei mallia tai mitään, tyhjä loppusumma. Parempi edes keskittyä ... ja kirjoittaa tekstiä. : Hanki tyyliä laitoin yllä ja liitä lähdekoodi:

Suurentaa

ja muunnat tekstin kohdassa. Näet tuloksen, kun ilmoitettu saalis. : Voit tarkistaa koodi voidaan muuttaa väriä, fontin kokoa:

Väri on nyt # 00A000 ja 20px kokoa (aina laittaa px tai pt, px = pikseliä, pt = pistettä)

Tämä aiheuttaisi erilaisia ​​tyylejä, ja me sovellettaisiin käsin. Mutta Dream on helpompi tapa tehdä se.

etc.. ) insertamos un texto cualquiera: Avaa uusi asiakirja täysin tyhjä (tai puhdistaa kerran yllä) ja yrittää ei laiteta mitään etiketti (muista, <div> <span> jne. ..) lisätä tekstiä:

Päävalikosta, mene Window / Style CSS:

Oikeassa sarakkeessa avaa uuden ikkunan, että jos teemme siitä asiakirjasta, jota ei vielä ole liitetty tyylisivu näyttää seuraavalta:

Uutta kuvaketta luoda tyylin:

Ja se avaa uuden ikkunan, joka voi aluksi tehdä oletus ja muut valinnat merkitään ja aiomme muuttaa tätä:

Luomme samalla tyylillä kuin näimme aiemmin:

Ja me hyväksymme. que esta exactamente igual que el que habíamos puesto manualmente. Jos, kuten sanoin, meillä on tekstin kappaleen tag, ja voidaan automaattisesti tarkistaa lähdekoodi on täsmälleen jollainen me laittaa manuaalisesti.

, 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. Voisimme luoda tyylejä kaikki tagit, mutta kaikki pysyy samana, eli kaikki kohdat haluaisin, jos soveltaa <td> kaikissa soluissa on sama taustaväri, jos käytössä olisivat olleet, sama väri tekstiä ... jne. jne.. Olisimme tuomitaan tarrat.

, 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. Myös tällä tavalla, sovelletaan vain asiakirjan Luomme tuolloin, joten ensi luomme muita värejä, ehkä jos haluamme, mutta jos samalle sivulle, että monia olla perus-ja se on ensimmäinen ja poistaa tarpeen luoda niitä.

Joten jos sitä käytetään automaattisesti, ja säästämme suuren työn lopulta olemme hyvin kannattava

Siksi jatkamme seuraavaan opetusohjelma ja lopullinen muoto, näemme koskemaan koko henkilöstöä Web-sivun tai muu asiakirja, että me tarvitsemme.