$type=carousel$count=9$cols=3$cate=0$show=home

[TRENDING]$type=grid$count=24$cate=1$sn=0$rm=0$meta=0$icon=1$show=home

Css Nedir?

Css Nedir? (Cascading Style Sheets) Css ile neler yapılır? Css kodları açıklamaları ve örnek kullanımları

Css Nedir?

Css Nedir?
Css'in açılımı (Casading Style Sheets)'dir.Css, Html'den bağımsız olarak bir web sayfasındaki tüm Html elementlerine ve taglarına etki eden bir web teknolojisidir. Kısaca bahsetmek gerekirse Html'de kullandığımız div,p,span,container vs tagların tümüne etki edebilir. Ayrıca dökümanlar,videolar,ses dosyaları, arkaplanlarada etki edebilir. Etki edebilirden kastımız şudur yani bir web projesindeki arkaplanlar yazı renkleri, yazı fontları, şekiller vs gözünüzle görebileceğiniz hemen herşeye Css sayesinde inşa edebilir ve isteğiniz şekle sokabilirsiniz. Css'i web projelerimizde kullanabilmemiz için Css'i projemize dahil etmemiz gerekir.Örnek olarak;

[<link rel="stylesheet" type"text/css" href="dosya.css">]

kodunu head taglarımız arasına yazdığımız zaman artık Css kodlarımızı yazıp Html dökümanımıza etki edebiliriz. Css'de kod yazmak oldukça basit ve esnektir. Css'de kod yazmamız için bilmemiz gereken üç unsur vardır bunlar seciçi,özellik ve değerdir. Bir örnekle açıklayalım;

seçici{özellik:değer;}

Yukarıda gördüğünüz şablondaki gibi kodlarımızı yazmamız gerekir mesela;

body{background-color:red;} 

Yukarıdaki kodumuzu açıklayacak olursak "body" bir seçicidir yani burada demiş oluyoruz ki "body" alanına yazacağımız özelliği yap ve geçiyoruz özelliğimize "background-color" burada ise özellik olarak seçicimize yani "body" seçicisine bir arkaplan rengi belirleyeceğimizi söylüyoruz ve son olarak değer kısmına geldğimizde ise "red" yani son olarak body seçicimize bir arkaplan renklendirmesi istedik ve arkaplan renklendirmemizinde kırmızı olması gerektiğini söymiş olduk. Css bu kadar basit çalışma mantığına dayanır. Fakat unutulmaması gereken yazım kulları vardır dikkat ettiyseniz seçiciden sonra süslü parantez açtık ve özelliğimizi yazdıktan sonra iki nokta üst üste kullandık (:) ardından değermizi yazdıktan sonra noktalı virgül (;) ile sonlandırdık yazım kullarınada dikkat ettiğiniz sürece Css ile web projelerinize isteğiniz şekli verebilirsiniz.

COMMENTS

Ad

Css,4,Php,13,
ltr
item
KodlaMax: Css Nedir?
Css Nedir?
Css Nedir? (Cascading Style Sheets) Css ile neler yapılır? Css kodları açıklamaları ve örnek kullanımları
https://1.bp.blogspot.com/-b1q5x-lKnjY/Xd1-R2PzSBI/AAAAAAAAA9A/8U4XFY5lhBQKfJxnwgl2NWkfH6Dj6XleQCLcBGAsYHQ/s400/Css%2Bnedir.jpg
https://1.bp.blogspot.com/-b1q5x-lKnjY/Xd1-R2PzSBI/AAAAAAAAA9A/8U4XFY5lhBQKfJxnwgl2NWkfH6Dj6XleQCLcBGAsYHQ/s72-c/Css%2Bnedir.jpg
KodlaMax
https://www.kodlamax.com/2019/11/css-nedir.html
https://www.kodlamax.com/
https://www.kodlamax.com/
https://www.kodlamax.com/2019/11/css-nedir.html
true
6740144852254417687
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy