HTML Styles

«წინა

შემდეგი თავი »

დიუმი HTML 4.0, ყველა გაფორმებით შეიძლება ამოღებულ HTML დოკუმენტი და ინახება style sheet.

სცადეთ-it-Yourself მაგალითები

გამოყენება სტილის HTML
როგორ უნდა დაამატოთ სტილის ინფორმაციის შეტანა <head> განყოფილებაში.

ბმული, რომელიც არ არის აღნიშნა
როგორ შეგიძლიათ გამოიმუშაოთ რომ ბმული არ არის აღნიშნა, რომელზეც სტილი ატრიბუტი.

ბმული გარე style sheet
როგორ გამოვიყენოთ <link> tag დაუკავშირონ გარე სტილები.

როგორ გამოვიყენოთ Styles

როცა ბრაუზერი ნათქვამია style sheet, ის ფორმატში დოკუმენტის მიხედვით იგი.

არსებობს სამი გზა ჩასმა style sheet:

გარე style sheet
შიდა style sheet
Inline სტილი

გარე Style Sheet

გარე style sheet იდეალურია, როცა სტილის გამოყენება მრავალ გვერდებზე. გარე სტილები, თქვენ შეგიძლიათ შეცვალოთ სახე მთელი ვებ შეცვლით ფაილს. თითოეული გვერდი უნდა ლინკი სტილების ცხრილების გამოყენებით <link> ტეგით. <link> Tag მიდის შიგნით <head> განყოფილება:

შიდა Style Sheet

შიდა style sheet შეიძლება გამოყენებულ იქნას, თუ ერთ ერთი დოკუმენტი აქვს უნიკალური სტილი. შიდა სტილებს განისაზღვრება <head> განყოფილების HTML გვერდი, გამოყენებით <style> tag, ამის მსგავსად:

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

Inline Styles

Inline სტილი შეიძლება გამოყენებულ იქნას, თუ უნიკალური სტილი უნდა მიმართა ერთ წამოჭრის ელემენტს.

გამოყენება inline სტილებს, გამოიყენეთ სტილის ატრიბუტის შესაბამისი ტეგი. სტილის ატრიბუტის შეიძლება შეიცავდეს ნებისმიერ ცენტრის ქონება. ქვემოთ მოყვანილი მაგალითი გვიჩვენებს როგორ უნდა შეცვალოთ ტექსტის ფერი და მარცხენა ზღვარი პუნქტი:

<p style="color:blue;margin-left:20px">This is a paragraph.</p>

იმისათვის, რომ შეიტყოთ უფრო მეტი სტილების მობრძანდით ცენტრის მასწავლებელი .

HTML სტილი საკვანძო სიტყვები

ტეგი	აღწერა
<style>	საზღვრავს სტილის ინფორმაციის დოკუმენტი
<link />	საზღვრავს შორის დოკუმენტი და გარე რესურსების

«წინა

შემდეგი თავი »