7. G\u00fcn: CSS’e Giri\u015f – Web Geli\u015ftirme Yolculu\u011fumuz<\/p>\n
Merhaba arkada\u015flar! Web geli\u015ftirme maceram\u0131z\u0131n 7. g\u00fcn\u00fcne ho\u015f geldiniz. Bug\u00fcn, web sayfalar\u0131m\u0131z\u0131n g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc ve d\u00fczenini kontrol etmemizi sa\u011flayan g\u00fc\u00e7l\u00fc bir ara\u00e7 olan CSS’e (Cascading Style Sheets) dalaca\u011f\u0131z. HTML ile sayfalar\u0131m\u0131z\u0131n iskeletini olu\u015ftururken, CSS ile bu iskeleti ete b\u00fcr\u00fcnd\u00fcr\u00fcyoruz; yani sayfalar\u0131m\u0131za renk, \u015fekil ve stil kat\u0131yoruz.<\/p>\n
\u00d6ncelikle, CSS’in ne i\u015fe yarad\u0131\u011f\u0131n\u0131 daha net anlamak i\u00e7in basit bir HTML \u00f6rne\u011fi ele alal\u0131m. A\u015fa\u011f\u0131daki HTML kod blo\u011funda basit bir paragraf bulunmaktad\u0131r:<\/p>\n
\n<p>Bu bir paragraf.<\/p>\n<\/code><\/pre>\nBu paragraf varsay\u0131lan taray\u0131c\u0131 stillerine g\u00f6re g\u00f6r\u00fcnt\u00fclenecektir. Ancak, CSS kullanarak bu g\u00f6r\u00fcn\u00fcm\u00fc istedi\u011fimiz gibi de\u011fi\u015ftirebiliriz. \u00d6rne\u011fin, paragraf\u0131n rengini mavi, yaz\u0131 tipini Times New Roman ve yaz\u0131 boyutunu 16 piksele ayarlayabiliriz. Bunun i\u00e7in a\u015fa\u011f\u0131daki gibi bir CSS kodu yazabiliriz:<\/p>\n
\np {\n color: blue;\n font-family: Times New Roman;\n font-size: 16px;\n}\n<\/code><\/pre>\nBu CSS kodunu HTML dosyam\u0131za ba\u011flayarak, paragraf\u0131n g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc istedi\u011fimiz gibi \u00f6zelle\u015ftirebiliriz. Peki bunu nas\u0131l yapaca\u011f\u0131z? Birka\u00e7 farkl\u0131 y\u00f6ntem mevcuttur. En yayg\u0131n y\u00f6ntemlerden biri, <\/p>\n