tietokoneet

Kuinka lisätä CSS-tyylisivuja sivustoosi

Huhtikuu 2021

Kuinka lisätä CSS-tyylisivuja sivustoosi


Kun olet tyytyväinen HTML-ydinkonsepteihin, on aika lisätä tyyliä verkkosivustoosi.

HTML-muotoilun alusta alkaen muotoilu ja elementtien muotoilu hoidettiin osana HTML-koodia, käyttämällä tunnistetta ja sen monia serkkuja. Kaikki muuttui HTML 4.0: n kanssa, kun World Wide Web Consortium (tunnetaan myös nimellä W3C) lisäsi CSS: n sekoitukseen. Cascading Style Sheets antaa web-suunnittelijalle paljon enemmän hallintaa sivujensa ulkonäössä kuin pelkästään HTML.

Tyyliominaisuuksia voidaan määritellä kolmella peruselimellä:

1. Sivun rungossa, jota yleisesti kutsutaan "inline styling". Esimerkiksi, jos halusit tehdä yhden kappaleen sivullesi näytöllä 14 pikselin punaisella tekstillä, voit määritellä tyylin itse kappaleetunnisteessa seuraavasti:

Tämä on kohta



2. Sivun yläosassa, jota yleisesti kutsutaan "sisäiseksi tyylisivuksi". Jos haluat, että kaikki tietyn sivun kappaleet näkyvät 14 pikselin punaisella tekstillä, laita seuraava koodi sivun yläosaan:


p {
kirjasinkoko: 14 kuvapistettä;
väri: # ff0000;
}


3. Erillisessä tiedostossa, jota yleisesti kutsutaan "ulkoiseksi tyylisivuksi". Jos halusit, että useilla verkkosivustosi sivuilla olisi 14 pikselin punaisia ​​kappaleita, luo ensin uusi tiedosto, jota kutsutaan jotain styleheet.css (tiedoston nimi voi vaihdella mielesi mukaan, mutta sen on käytettävä laajennus .css) ja kirjoita seuraava koodi tälle sivulle:

p {
kirjasinkoko: 14 kuvapistettä;
väri: # ff0000;
}

Kun olet tallentanut style.css, luo sitten erityinen linkki kaikilta sivuilta, joille haluat 14 pikselin punaisen kappaleen, sijoittamalla alla oleva koodi niiden otsikkoosi:



Yleisenä sääntönä on, että sinun on pidettävä mahdollisimman paljon tyylitaulukkotiedoista ulkoisessa tyylitaulukossa. Tämä säästää paitsi sitä aikaa, joka vie sinut hajottamaan tyylitaulukkomääritelmät koko sivustollesi, mutta vähentää myös sivun latausaikoja, jos kaikki sivustosi CSS-tiedot ovat yhdessä asiakirjassa. Kun vierailija selaa useita sivustosi sivuja, vierailijan tietokoneen on ladattava tyylitaulukko vain kerran.

Vielä yksi tapa muodostaa yhteys tyylitaulukkotietoihin on @import-käsky. @import antaa sinun muodostaa yhteyden ulkoiseen tyylitaulukkoon toisesta tyylitaulukosta. Sitä käytetään seuraavasti:

@import-URL ("otherstyle.css");

@Import-käskyn tulisi olla tyylitaulukon ensimmäinen kohde, muuten se ei toimi. Voit käyttää @importia myös HTML-asiakirjan päässä samoilla tuloksilla kuin linkin sijoittaminen ulkoiselle arkille. Tätä menetelmää käytetään yleisimmin 'hakkeroimaan' tai huijaamaan tiettyjä selaimia; useimmat vanhemmat selainversiot jättävät huomioimatta @importin, joten voit käyttää tätä tapaa piilottaa tyylitaulukkotiedot niistä ja toimittaa tiedot edelleen kävijöille uudemmissa selainversioissa.

How to change background color and font in Html (Huhtikuu 2021)



Tagit Artikkeli: Kuinka lisätä CSS-tyylisivuja sivustoosi, HTML, HTML, XHTML, DHTML, FTP, JPEG, GIF, CSS, ohjeet, CSS-tyylisivut, W3C, World Wide Web Consortium, standardit, skriptit, lähdekoodi, tyylisivut , verkko, kielet, linkit, kurssit, työpöydän taustakuva, verkkosivustot, verkkosivustojen suunnittelu, ohje

Suosittu Kauneus Viestiä

Turkin täyte

Turkin täyte

ruoka ja viini

Pakolainen

Pakolainen

kirjoja ja musiikkia