# 028: Označevanje sintakse kode, 2. del - CSS-triki

Anonim

Pravkar smo namestili Prism.js in začeli delovati.

V tej oddaji zaslona najdemo temo, imenovano Tomorrow Theme, in njene barve vključimo v poudarjanje skladnje. Na vrhu datoteke naredimo majhen barvni ključ za hiter pregled. Ugibamo tudi, kaj je kaj, vsaj za začetek. Kar na koncu dobimo, barvno, je v redu, vendar ne spektakularno. Če danes brskate po spletnem mestu, boste opazili, da je barvna tema bolj podobna Somraku, ki sem ga imel rad v TextMateu in ga trenutno ljubim v Sublime Text 2.

Končamo z dodajanjem vrstic glave v delčke kode. Za to nimamo dejanskih oznak (kar je verjetno dobro, večinoma gre le za okrasje), dodamo ga s pomočjo psevdo elementa in ustvarjene vsebine prek relatributa v kodi. Ta atribut ima večina obstoječe kode v CSS-trikih. Če se ne, nič hudega. Tu res ne uporabljamo relna pravilen način, vendar me to ne skrbi pretirano.

pre(rel):before ( content: attr(rel); )

Naletimo na majhen problem s tem, da naredimo ta psevdo element 100% širok z oblazinjenjem. Izkazalo se je, da naša izjava o velikosti polja na izbirniku * ne vpliva na psevdoelemente (nekako smiselno), zato posodobimo našo Normalize, da to vključi.