თუ თქვენ იცით, თუ როგორ CSS სტილის HTML გვერდები, თქვენ ვაფასებთ კონცეფცია გაფორმებით. XML- ის მარკირების ენაზე დაწყებისას, მონაცემების ჩვენება ცოტა რთული იყო, მაგრამ ეს შეიცვალა სტილების ცხრილებით.
სტილი ფურცლის მინიშნებით დასძინა, შეგიძლიათ XML ფორმატის ფორმატში და აჩვენოთ თქვენი ვებ-გვერდი. გარეშე CSS ან სხვა ფორმატირება, XML ჩანს როგორც ძირითადი ტექსტი შეცდომა, რომელიც აცხადებს, რომ ბრაუზერი ვერ იპოვა გაფორმებით დოკუმენტი.
XML სტილის მაგალითი
მარტივი სტილი ფურცელი მხოლოდ მოითხოვს, რომ ჩამოთვალოთ ელემენტი და ფორმატირების ატრიბუტები, რომლებიც საჭიროა მონაცემების ჩვენება.
ეს ცოტა კოდი ეუბნება პროცესორი, რომელიც ელემენტებს აჩვენებს და როგორ უნდა გამოიყურებოდეს ვებ გვერდზე, როგორიცაა:
ნიმუში {background-color: #ffffff; სიგანე: 100%;} mymessage {display: block; ფონის ფერი: # 999999; ზღვარი-ქვედა: 30pt;} სხეული {font-size: 50%}ფორმატირების ფაილის პირველი ხაზი არის root ელემენტი. ატრიბუტები ფურცელზე ვრცელდება მთელ გვერდზე, მაგრამ ისინი შეცვლით თითოეული ტეგით. ეს იმას ნიშნავს, რომ შეგიძლიათ დანიშნოთ ფონის ფერის გვერდი და შემდეგ კვლავ თითოეულ სექციაში.
შეინახეთ ეს ფაილი იმავე დირექტორიად, როგორც თქვენი XML ფაილი, და დარწმუნდით, რომ მას გააჩნია.
ბმული CSS დან XML
ამ ეტაპზე ეს ორი სრული დოკუმენტია. პროცესორი არ აქვს იდეა, რომ თქვენ გინდათ მათ ერთად მუშაობა, რათა შეიქმნას ვებ გვერდი .
შეგიძლიათ გაასწოროთ ეს განცხადება XML დოკუმენტის ზედა ნაწილში, რომელიც განსაზღვრავს CSS- ის გზას. განაცხადი პირდაპირ იწყება საწყისი XML დეკლარაციის განცხადებაში, როგორიცაა:
ამ მაგალითში, CSS ფაილი ეწოდება products.css , რის გამოც ის იარლიყებს, როგორც ასეთი XML დოკუმენტი. შეცვალეთ ნებისმიერი ფაილის სახელი, რომელიც აირჩიეთ CSS- ისთვის.