CSS грунд
Тази глава е нещо като продължение на първата глава на методите за прилагане на CSS в документа за HTML. Отложих тази глава "за по-късно", като по този начин нарушава стандартната последователност на обучението CSS, с единствената цел, която преди време не запушват главата си, с информация, която в началото е бил неразбираем за вас.
Сега, след като вече сте запознати с някои от свойствата на CSS, за да разберат принципите на изграждане и прилагане на CSS в HTML, че е дошло времето и необходимостта да се говори за класовете CSS и идентификационните номера, тъй като по-нататъшно обучение, въпреки че е възможно, но няма да разкрие напълно всички СГО възможности ,
Нека започнем с класа ..
За да зададете елемент или група от еднакви елементи на личен стил, различен от основните, вече бе споменато в описанието на стила на документа? Не знам вие се задава този въпрос, или не, но рано или късно, че е необходимо да се намери отговора.
И така Предполагам, че в CSS файла на елемента
ние прилага следната стил:
И всичко изглежда наред. всички параграфи sinenkie и размер те 14px, но ние трябва да се уверим, че някои от тези секции са розово! И какво ??
Елате в класовете помощ.
Е, нека да се опитаме? Ето как:
Нека обясня р - е елемент на HTML (селектор) в този случай, нашата секция, .rose - е физическо лице името на класа, че ние сме изобретили, то не е задължително да бъде всеки -Pink роза, точката между името на селектор и клас е знак на почит на уважение към синтаксиса приета в CSS - Сега браузърът ще се разбере, че показва в класа на р елемент роза.
Е, ние зададохме името ние сега трябва да посочите тагове един HTML документ (в този случай маркерите
), Което изисква индивидуален стил. Това се прави с помощта на клас атрибут.
В този раздел се използва името на класа на розата, и по този начин се разграничава от по-голямата част от
В този пример, клас "роза" може да бъде възложена само на точка - р участник. За тази стилистично описание би могло да обхване всички елементи в CSS файла (или между тагове в заглавната част на документа) елемент не е изрично посочено, и синтаксиса се следната форма:
Влизате всеки елемент клас = "роза" стил, че ще отнеме на класа.
Обърнете внимание на факта, че описанието на изчезналия стил, получени в отделен клас, елементите произтичат от основния стилистично описание, или взети от свойствата на елемент "по подразбиране".
Например, заглавието
Това беше синьо, и става розово, но е запазил своите размер 22 пиксела, както и в нашия клас роза не говорим за размера на шрифта на въпроса. ние само са "съгласни" с браузъра, че елементите на групата ще бъдат розови роза.
те имат едни и същи идентификатори ID селектори са много подобни на класове, с единствената разлика, че идентификаторът може да има само един уникално име в целия документ. Документи за самоличност са обикновено се използва в случай, че се наложи да се контролира стила на елемент динамично с помощта на скрипт, се отнасят до индивидуално му име.
В името на CSS файл е посочена със знака диез в началото.
Ето как, например:
Желаният продукт се прибавя към идентификатора на атрибут = "блок" например
идентификатор раздел
И така, какво е разликата между клас и номер?
Да покажа един пример:
Курсив, в този пример, възложени скрипт дръжка, която може динамично блокове
Е, мисля, обясни нещо подобно ..
При изграждането на CSS било логично, следват "значимостта" елементи и техния ред, както и те са вложени в HTML кода.
Какво прави той?
Ами на първо място, просто за по-удобно четене и "навигация" на спецификацията на CSS. Когато трябва да намерите това, което може да бъде елемент, което вече първоначално ще представлява, където тя е около началото, средата или края на ..
Бихте видим (виж първия) потребител в "грешната" сграда CSS? Ница шрифт, случайно разпръснати в прозореца на браузъра? Или нормално телосложение, но без красив шрифт? - Това е за вас да решите!