CSS: შრიფტის ფერი, სტილი, ნიმუში, ზომა

Programming - სარკეში დასაწყისში იყო სიტყვა, და არ აისახება უკან. და ძალიან სწრაფად, რომ მას "ცვლილებას": პირველი სარკეში, მაშინ სიტყვა ... ამ ეტაპზე, კასკადური სტილების ცხრილების - კარგია, მაგრამ რატომ ამდენი ხანი ეს ხდებოდა იბადება დეველოპერი? CSS - ის ყველა იგივე მასივი ჯერ ერა კომპიუტერული პროგრამები, მაგრამ მხოლოდ სხვადასხვა პერსპექტივა. მაშინაც კი, როდესაც მასები გახდა ასოციაციურ რევოლუცია არ გააკეთა.

ვებ გვერდზე - ეს ტეგები HTML-markup, რომელიც შეიძლება მიეწერება გარკვეული სტილის ან სტილის კლასის იდენტიფიკატორი. პირველი შეიძლება განისაზღვროს, ერთხელ და აღსაწერად არაფერი, როგორც საჭიროა ერთხელ, მეორე ეკუთვნის კონკრეტული ელემენტს.

ზოგადი ლოგიკა აღწერა სტილის

ტრადიციის მიხედვით, სტილი არის განთავსებული CSS ფაილი, მაგრამ შეიძლება მიეკუთვნოს კონკრეტული ელემენტის თავის სტილი ატრიბუტი. სტილი შეიძლება შეიქმნას დინამიკა JavaScript ინსტრუმენტები. განსაკუთრებით მნიშვნელოვანია, არ არის აღწერილი, მაგალითად, საშუალებით CSS ფერი შრიფტი, მისი ზომა, headset, background ქვეშ და ასე შემდეგ. საიდან აღწერა სტილი მნიშვნელოვანია იმ კონტექსტში, როგორც წესი, ორი წარმოდგენას: მოგვიანებით, ასე რომ, ეს არის უმაღლესი პრიორიტეტი, და თუ აღწერილი ელემენტს, ეს იმას მნიშვნელოვანი !. ბოლო ჩაწერილი, როგორც ეს, ნათლად განსაზღვრავს პრიორიტეტი.

მიმართვა სტილი, მაგალითად, გარკვეული შრიფტის ფერის ცვლილება ფერი, შეიძლება იყოს სადმე და არაფერი. კითხვაზე, თუ როგორ უნდა რეაგირება ბრაუზერში დროს disassembly ყველა სტილის ერთად. რამდენად გაატარა ამ CPU?

იდეალურ შემთხვევაში, შრიფტის ფერი მითითებული უნდა იყოს მხოლოდ ერთხელ - ეს არის კლასიკური. ვფიქრობ, რომ უბრალო აღწერა: ორი და შემდეგ სხვა და სხვა ... რა თქმა უნდა, თქვენ შეგიძლიათ. ეს არის მოდური, მაგრამ პრაქტიკული.

მაგალითი ზოგადად ლოგიკა

უბრალოდ განისაზღვრება CSS ფერი სამივე ელემენტებს, ეს არის გამორიცხული, რომ მიიღოს მინიმუმ სამი ხანგრძლივი პრობლემები:

# Ele1, # Ele2, # Ele3 {
პოზიცია: აბსოლუტური;
მარცხენა: 20px;
დაბრუნება: 14px;
ფერი: წითელი;
}

# Ele2, # Ele3 {
მარცხენა: 90px; // შეცვალოს CSS ჰორიზონტალური კოორდინატები
ფერი: ყვითელი; // ფერის შეცვლა შრიფტის CSS
}

# Ele3 {
დაბრუნება: 114px; // შეცვალოს CSS ვერტიკალური კოორდინაცია

ფერი: მწვანე; // კიდევ ერთხელ შეცვალოს ფერი შრიფტის CSS

background-color: lightgrey; // CSS ტექსტის მონიშვნის ფერი შეიცვალა, მაგრამ ეს არ არის იმყოფება # Ele1 და # Ele2; პოზიცია შეიცვალა, მაგრამ არ შეცვლილა # Ele2 და არა, როგორც აქ

}

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

არა ყველა დეველოპერები პატივსაცემი მოთხოვნა CSS სტილის ID - მხოლოდ ერთი ელემენტია, და კლასის სტილი - ბევრი tags, გარდა ბოლო შესაძლო მომენტში tags ზედსართავის:

• შრიფტის ფერი CSS - style groundColor კლასი;
• მიუთითოთ შრიფტის ზომა - კლასის size15;
• ჩამოყალიბებული პოზიცია - კლასის PlaceUp.

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

დეველოპერი უბრალოდ უნდა სწორად გაითვალისწინოს: მაშინაც კი, თუ შრიფტის ფერი HTML, CSS სთავაზობს აღწერს რთულია, მოქნილობის საერთო სტრუქტურაში აღწერილობა - ეს არის მისი სამუშაო.

მოსალოდნელი შედეგი გამოყენებით საერთო ლოგიკა

თანამედროვე ბრაუზერებში კომფორტულად ბევრი სტილი ფაილი და ტომი. თუმცა, დიზაინი, კერძოდ, CSS, ფერი მთელი გვერდი, თქვენ ყოველთვის უნდა ვიფიქროთ, გონივრული, რაც გაქვს. არა ყველა სტილი წესები "იაფი" სახე განაცხადი. Simple ლაკონური შესვლის: * {ფერი: თეთრი;} - რა თქმა უნდა ლამაზი, მაგრამ ეს ეხება ყველა ელემენტების გვერდზე, გამონაკლისის გარეშე.

ყველა წესებს, რომელიც აღჭურვილია CSS, ყველაზე მნიშვნელოვანი:

• სტილი - კლასი, და შემდეგ სახელი იწყება, "."
• სტილი - იდენტურობისა და მისი სახელი იწყება სიმბოლოთი "#";
• სხვა შემთხვევაში - სახელი ტეგით ან რაღაც განსაკუთრებული

დარჩენილი ნაწილი აღწერა იდეების Styles (მემკვიდრეობის თვისებები გადახურვა, პრიორიტეტები, პოზიცია, რათა და მოსწონს. დ) გამოყენებული უნდა იქნეს ჭკვიანურად და აუცილებელია.

ბრაუზერის ყოველთვის მენატრება, არ out აღწერა, ისე, რომ განსაკუთრებული სიურპრიზები არ იქნება. თუ რაღაც არ იყო სწორი ადგილი და შრიფტის ფერის CSS არ არის შესაძლებელი, ამიტომ, ამ სტილის შეცდომა.

მოულოდნელი შესაძლებლობები

არ უნდა შეურაცხყოფა მიაყენეს სტილის მსგავსად * {მარცხენა: 124px; } ან

ol ol, ol ul, ul ul, ul ol {ზღვარი-bottom: 0; }
img {border: 0; }

მიუხედავად იმისა, რომ ეს არის რთული, რათა თუნდაც ახალბედა დეველოპერი გამოიყენოთ CSS წესები, რადგან ისინი. ყოველთვის განვითარების ნებისმიერი საიტი, თუნდაც შესანიშნავად მარტივი CSS სინტაქსი აძლევს მოულოდნელი პრობლემები. თუმცა, თუ უშუალო ძალისხმევით სწორი გამოყენების სინტაქსი, მაგრამ ვრცელდება JavaScript ფუნქცია არის ახალი და მოულოდნელი შესაძლებლობები თავიდან ასაცილებლად ერთფეროვანი შექმნა იდენტიფიკატორები თითოეულ ელემენტს, ან მონიტორინგი გამოყენების სხვადასხვა სტილის და კლასების.

CSS - არ არის მხოლოდ სტილის ფაილი, რომელიც დაკავშირებულია გვერდზე ბმულით tag და შეიყვანეს ის მეშვეობით სტილი აქვს. ეს არის ასევე შესაძლებელია შექმნათ სტილი on the fly ან შეცვალოთ არსებული.

გამოყენებით CSS, შრიფტის ფერი შეიძლება გაკეთდეს პროგრამულად. ისევე როგორც ზომა და პოზიცია, მინდვრები. საიტი - არ არის მიზანი გამოიყენონ ცოდნა CSS, HTML, PHP და JavaScript ეფექტი flash.

ვებ-რესურსი - ეს არის, პირველ რიგში ინფორმაცია შესთავაზა გარკვეული გზა. სწორედ ამიტომ, CSS არის საუკეთესო ჩანს დინამიკა მეშვეობით ობიექტივი, როგორ შეიძლება შექმნას, ხოლო გვერდი კვლავ სერვერზე (ეს არ არის PHP იმ დროს, როდესაც საიტი სტუმარი მოვიდა, არ დეველოპერი იმ დროს, როდესაც იგი ვითარდება საიტი), სასურველი სტილების კონკრეტული ტექსტი შესაბამისი შინაარსის, ან შექმნათ სტილის კლასი ან იდენტიფიკატორი on the fly, გვერდზე მუშაობს, როდესაც იგი უყურებს კონკრეტული სტუმარი.

სტატიკური დინამიკა

ჩვენ არ უნდა ყოველთვის წერენ დახვეწილი იპოვოს JavaScript კოდი რათა დინამიური შინაარსის და მისი დიზაინი - ადეკვატური შინაარსი. ზოგჯერ საკმარისია სწორად გამოიყენოს მის ხელთ არსებული შესაძლებლობები. კერძოდ, განსაზღვრავს CSS შრიფტის ფერი თავდაპირველად სტატიკური წესი, შეგიძლიათ დამალვა ეს წესი (დამალული) და ვიზუალურად სხვადასხვა (ხილული).

აქ, სპიკერი არ საჭიროებს ალგორითმი:

// ხაზი გავუსვა შეყვანის ღილაკის ნახვა
ფუნქცია scfWelcomeOver () {
document.getElementById ( "scDocxNamePiP) style.visibility = 'თვალსაჩინო" .;
}

// დამალვა შეყვანის ღილაკის ნახვა
ფუნქციონირებს scfWelcomeOut () {
document.getElementById ( "scDocxNamePiP) style.visibility =" ფარული ".;
}

CSS სთავაზობს დინამიკა: tickers, გამჭვირვალე ელემენტები, სხვადასხვა embodiments გადაფარვას, მონიტორები, უქრებათ ფერები. In CSS, შრიფტის ფერი შეიძლება კიდევ ისე, რომ არავინ სტილისტური წესი არ არის გათვალისწინებული.

დინამიური კონტენტის

თუ არ იყო დოგმატები, ალბათ არ იქნება პროგრესი. უბრალოდ არ არის, რაც იყო, როგორიც უნდა ბრძოლა. ჰიპერტექსტის შემოტანილი მსოფლიოს ბევრი დოგმა. ეს არის დრო, რომ ყურადღება მიაქციონ მათ და დაიწყოს განვითარებადი საიტები პრაგმატული და პრაქტიკული სტილი.

თავდაპირველად, იქ არის გვერდი (P), ზოგიერთი თქვენი შინაარსი (K), ყველა tags გვერდზე აღწერილია სტილის ფურცელი (S). არ არის ახალი ფორმა P გვერდზე მეშვეობით PHP და Perl სერვერზე არჩევით K მონაცემთა ბაზიდან. არსებული სტილის ფურცელი S მოჰყვება ავტომატურად. თუმცა, K შეიძლება შეიცვალოს, და ხშირ შემთხვევაში, ასეთი ცვლილება იწვევს საჭიროება სხვა სტილის, რომ არის, S +.

მაგალითად, მომხმარებელს განაცხადა: "საიტი აღწერილია მოსკოვის გამოიყურება უკეთესი თუ სტატიების ამშვენებს სტილში" ZaZavtrakom ", სადაც აღწერილია ღამის bustle სტილში" Las Vegas "და სტატიები სამეცნიერო და ტექნოლოგიური პროგრესი სტილში" ModernTehno ". მაგრამ თუ ჩვენ S on სამი ვარიანტი, არ არსებობს გარანტია, რომ მომხმარებელს არ აქვს იდეა აქვს კომპლექტი სტატიები "ახალი ამბები", "დღესასწაული", "სამუშაო", "CSS / HTML» პრემია "HozyaykeNaZametku".

კიდევ ერთი მიდგომა უფრო პრაქტიკული. მიუხედავად კატეგორიაში სტატიის ყოველთვის კმაყოფილია, რომ შეიძლება მოხატული გარკვეული ფერი. ამ ადგილას არის საკმაოდ გონივრული იდეა: კონკრეტული K, კვლავ სერვერზე გენერირება ადეკვატური S, და ბრაუზერის დასჭირდება P, ის მიიღებს უფლება content სათანადო კლირენსი.

Dynamics სტილი JavaScript

მინიმალური, თუმცა ძალიან ეფექტური გადაწყვეტა, - ამის სტილის პირდაპირ კლიენტის ბრაუზერის. პირველ რიგში, ეს ათავისუფლებს სერვერზე - არ უნდა დახარჯოს დრო ფორმირების ჰიპერტექსტის გვერდებზე და სტილი ფაილი იგი.

მეორე, ბუნებრივი ნარჩენები დრო შიგნით ბრაუზერი შექმნა ეფექტი, რომ გვერდი უკავია ბიზნესი და აქტიურად უჭერს მხარს დიალოგის სტუმარი: მან ჯერ კიდევ არ ნახოთ შინაარსი ნაყარი, ამიტომ მინდა თანმიმდევრული და გააზრებული ინფორმაცია გამომავალი.

მესამე, ეს საშუალებას აძლევს დეველოპერი უზრუნველყოს სტუმარი მექანიზმი content ამ სტილში, რომელშიც ის არის კომფორტული. ეს არ არის კიდევ ვინმეს.

განვახორციელოთ ეს იდეა, თქვენ უნდა განახორციელოს მექანიზმი ქმნის ელემენტების სტილი მაშინვე გვერდი იტვირთება, და რა თქმა უნდა, მისი წარმოება. თანამედროვე საიტზე - ეს AJAX კონკრეტული ფორმით. ეს არ არის რთული განახორციელოს ფორმირების სტილის პირდაპირ ფორმირების პროცესში გვერდზე ხე. ეს არის მარტივი, ხელმისაწვდომი და ეფექტური, რადგან შინაარსი ერთად მისი რეგისტრაცია.

ეს არ ეწინააღმდეგება თანამედროვე ტენდენცია გამოყოფა პრეზენტაცია მონაცემების დამუშავება ხორციელდება მონაცემები და ტოვებს ეკრანზე.

CSS როგორც აქტიური ინგრედიენტი

ჰიპერტექსტის მოუტანა ბევრი კარგი, მაგრამ მხოლოდ მცირე ბუნებრივი ინფორმაცია წარმატებით ფორმალიზებული იყო, იარაღები და გამოცდილების შექმნის მაღალი ხარისხის HTML, XML, CSS დოკუმენტები. პრობლემა არ არის ოფიციალურად ახალი მოცულობის ინფორმაცია და იცვლება უკვე გააკეთა ადრე.

მიმართებაში CSS, ეს პროცესი გააქტიურდა სრულიად განსხვავებული კონტექსტში. ჩაშენებული ინსტრუმენტები JavaScript, საშუალებას მისცემს "on the fly" შექმნათ ელემენტები და სტილის ელემენტები არ გავუსწრო ასეთი შესაძლებლობა, და ხელოვანები PHP, კერძოდ, რომ იყოს ჩართული ფორმირების მხოლოდ HTML გვერდები.

როგორც პირველი და მეორე საშუალებას გავაკეთოთ პროგრამირების სტილის. ეს ახალი მიმართულება საინფორმაციო ტექნოლოგიების სფეროში. Styles მნიშვნელოვნად უფრო ფორმალური რამ, ვიდრე XML და HTML, წესები ძალიან მარტივია. სტილი ყოველთვის იმყოფება ინფორმაცია, არ აქვს მნიშვნელობა, თუ როგორ ბუნებრივი იყო ეს.

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

On დოგმა სფეროში პროგრამირების

როგორც აისბერგი, დოგმა არ შეიძლება ხანგრძლივი ხარჯების furrowing ინფორმაცია. წარსული გამოცდილება ჰქონდა კონცენტრირება არა მხოლოდ HTML- და CSS სტანდარტებით ინსტრუმენტები მათთან მუშაობა, ცოდნა დეველოპერები.

მარტივი ამოცანა - რათა მეშვეობით CSS შრიფტის ფერი - იპოვა სრულყოფილი გადაწყვეტა. წესები, სინტაქსის, ლოგიკა და კომფორტს უდავოა. მაგრამ მაშინაც კი, როდესაც font რეალურად არ ბევრი ფერები პრაქტიკაში, ძალიან ბევრი არ არის საჭირო, და მართლაც მიზნებისათვის რეალობა ვირტუალიზაციის არ უნდა ყველა დაგროვილ "ძალა» HTML და CSS, არ მოდის დრო, როდესაც სიტუაციური ცოდნა წასვლა გამრავლება და ნაჩვენები გამოცდილება და ინსტრუმენტები ბუნებრივი ფორმირების სტილის მობილურისთვის.

როგორ მოხდება ეს, არ შეიძლება იყოს სრულიად ნათელია, მაგრამ, რომ პროცესი უკვე მიმდინარეობს, ცხადია.