CSS - PowerPoint PPT Presentation

1 / 13
About This Presentation
Title:

CSS

Description:

CSS CSS- Cascading Style Sheets: Stil ablonlar HTML'e ek olarak metin ve format bi imlendirme alan nda fazladan olanaklar sunan bir web teknolojisidir – PowerPoint PPT presentation

Number of Views:74
Avg rating:3.0/5.0
Slides: 14
Provided by: Erm63
Category:
Tags: css | html

less

Transcript and Presenter's Notes

Title: CSS


1
CSS
  • CSS- Cascading Style Sheets Stil sablonlari
    HTML'e ek olarak metin ve format biçimlendirme
    alaninda fazladan olanaklar sunan bir web
    teknolojisidir
  • Satir Içi Stiller
  • Dahili Stil Dosyasi
  • Harici Stil Dosyasi

2
CSS
  • Satir Içi Stiller
  • Tek bir etikete uygulanacagi zaman kullanilir.
  • Örnek
  • ltp style"color red margin-left 40px"gt
  • Bu CSS ile degismis bir paragraf.
  • lt/pgt

3
CSS
  • Dahili Stiller
  • Sadece bir HTML dökümani içerisinde stil
    uygulanacaksa bu yöntem kullanilabilir.
  • Örnek
  • ltheadgt
  • ltstyle type"text/css"gt
  • body background-color yellow
  • p margin-left 40px
  • lt/stylegt
  • lt/headgt

4
CSS
  • Harici Stiller
  • Harici bir stil dosyasi.css dosyasi ile
    içerisinde degisiklik yaparak tüm sitenin
    görünümünü degistirebilirsiniz. Her sayfa stil
    dosyasina ltlinkgt etiketi ile baglanmalidir.
    ltlinkgt etiketi ltheadgt..lt/headgt içerisinde
    tanimlanmalidir..
  • Örnek
  • ltheadgt
  • ltlink rel"stylesheet" type"text/css
    hrefstildosyam.css"gt
  • lt/headgt

5
CSS- Örnekler
  • Link
  • List
  • Katman
  • Font
  • Metin
  • Imleç
  • Background
  • Tablo
  • Scroll bar

6
CSS- Link
Örnek 2   A colorblack font-size10pt displa
y block line-height16px text-align
center background-colorD4AEBB borderoutset
3px DB7093 text-decorationnone   AHOVER
colorblack font-size10pt zoom
92 display block line-height16px text-alig
n center background-color F0DEE5 border
inset 3px CC3366 text-decorationnone
  • Örnek 1
  • ahover background-color 1E90FFtext-decorat
    ion none

7
CSS- List
  • Örnekler
  • OL list-style-type lower-alpha
  • OL list-style-type upper-roman
  • UL list-style-type square
  • UL display block

8
CSS- Font
  • Örnekler
  • TD font-family Arial
  • TD font-size 12px
  • TD font-variant small-caps

9
CSS- Text
  • Örnekler
  • TD text-align right
  • TD text-transform uppercase
  • TD vertical-align top
  • TD word-spacing 40px
  • div direction rtl
  • div text-align center
  • ltmarquee behavior"scroll" loop-1 scrollamount4
    scrolldelay50 gtODTU-SEMlt/marqueegt

10
CSS- Imleç
  • Örnekler
  • td cursor crosshair
  • td cursor move
  • td cursor wait
  • td cursor help

11
CSS- tablo
  • Örnekler
  • TDborder 1px
  • TDborder-width 1px thin 4px thick
  • TDborder double
  • TDborder red
  • TDbackground 1E90FF
  • TD border-left-style ridge border-left-color
    DAA520 border-left-width 3px
    border-bottom-style solid border-bottom-color
    DAA520 border-bottom-width 1px
    background-coloryellow letter-spacing4px
    text-aligncenter

12
CSS- scroll bar
  • Örnekler
  • TEXTAREA
  • background-color D4AEBB
  • scrollbar-shadow-color Black
  • scrollbar-highlight-color F0DEE5
  • scrollbar-face-color D4AEBB
  • scrollbar-base-color black
  • scrollbar-arrow-color black

13
CSS- Text box
  • Örnekler
  • style"BORDER-RIGHT ffba14 1px solid
    PADDING-RIGHT 4px BORDER-TOP ffba14 1px
    solid PADDING-LEFT 4px FONT-SIZE 6pt
    PADDING-BOTTOM 1px BORDER-LEFT ffba14 1px
    solid COLOR 000080 PADDING-TOP 1px
    BORDER-BOTTOM ffba14 1px solid FONT-FAMILY
    Tahoma BACKGROUND-COLOR ffffff"
Write a Comment
User Comments (0)
About PowerShow.com