Сонымен, HTML тілімен бірге CSS ті қолданудың үш түрі бар.
Енді осылардың әр қайсысына жеке-жеке тоқталып өтейін.Ескерту:
Төмендегі кодтардың бәрі Notepad++ редакторында жазылған, оны компьютерге орнатудың түк қиындығы жоқ.Мен оны қалай орнату керектігіне тоқталып өткенмін, ол туралы барлық мағлұматты сілтеме арқылы таба аласыз.
1. Тікелей HTML тегінің ішінде "style" атрибутын орналастыру арқылы:
Редактор бетіне төмендегі HTML парақшасының кодын көшіріп алыңдар.
Ішінде р тегінде CSS ережесі орнатылған.
Түсінікті болу үшін айтып өтейін:background-фон дегенді білдіреді, #00ff00-жасыл түстің коды, color-бояу түсі, red-қызыл түс.
Енді осы файлға "testcss2.html" деген ат беріп, оны локальдық серверіміз Денверге арналған "\servers\home\localhost\www\testphp" папкаға сақтап болған соң, оны қалаған браузеріңіздің адрес теретін жолында localhost/testphp/testcss2.html деп шақырамыз .
Ол html файлды Денвер арқылы емес, жай түртіп жіберіп те нәтижесін көруге болады.Бірақ, сіз егер PHP скрипт тілін үйренгіңіз келсе, онда Денверде жұмыс істеу сізге дағдыға айналуы керек.Сондықтан, тест файлдарды осы локальдық серверде шақырғанымыз дұрыс деп санаймын.Егер Денверді пайдаланғыңыз келмесе, онда ол файлды папкасында екі рет түртіп жіберіп қарай беріңіз.
Нәтижесі төмендегідей болып шықты.
2. Web парақшаның шапкасында, яғни арасына "style" елементі арқылы:
CSS ті бейнелеудің екінші түрі жазылған төмендегі HTML парақшасының кодын тағы да Notepad ке көшіріп жазып алыңыздар.
Ол файлды шақырғанда шыққан нәтиже төмендегідей:
Достарыңызбен бөлісу: |