және тегтерінің арасында орналасқан мәтін толығымен ақ түске боялатындығын көрсетеді (оналтылық жүйеде оның номері – ffffff).
Алайда, егер де сіз барлық түстермен де осылай болады деп ойласаңыз, қателесесіз! Ақ және қара түстер – абсолютті түсініктер. Бірақ, "green" және "#00ff00" түстерін және басқа да танымал түстерді салыстырып көріңіз.
Бір қасиетті тегті бір жазбаға топтай отырып, бірнеше тегтерге енгізуге болады. Келтірілген мысалда біз тақырыптың барлық үш типі үшін қара түсті орнатамыз:
h1,h2,h3 {color: #000000}
Тег секілді, біз қасиеттерді де топтай аламыз. Бұл үшін осы анықтамаларды қасиет үшін үтір нүктемен бөлу арқылы жақшаға алудың өзі жеткілікті:
h2 {
color: #000000;
font-size: 14pt;
font-family: Monaco
}
Бұл стиль екінші теңдеудің тақырыптары үшін 14 пунктті өлшемді Monaco шрифтті және қара түсті анықтайды. Егер де компьютерде Monaco шрифтіне рұқсат болмаса, онда үнсіз келісім бойынша орнатылған шрифт қолданылады. Мысалда код оны оқу жеңілірек болу үшін бірнеше қатарларға бөлінген. Егер де барлығын бір қатарғ,а жазатын болсақ, әсері өзгеріссіз, сол қалпы қалады. Егер де бір жазбада элементтерді немесе олардың қасиеттерін біріктіретін болса, онда неге барлығын біріктірмеске.
7.2.1 тапсырма.
Стильдер кестесінде үшінші теңдеудің тақырыбы мен абзацы үшін қара түс, 14 пунктті өлшем және Monaco шрифтін беріңіз. Бірінші теңдеуден екінші теңдеуге дейінгі тақырыптарына қоңыр түс және Arial шрифтін беріңіз.
styles.css файлындағы өзгерісті сақтаңыз және 1.htm и 2.htm файлдарымен терезе құрамын жаңартыңыз. Веб-беттің түрі қалаай өзгергенін көріңіз. Жазба да жетерліктей тұтастырылған. Стильдің жазбасы өте ұзақ болуы да мүмкін ғой, қарама-қарсы жағдайда оны әрбір файл үшін қайталау керек болады. Бұл шамамен былай көрінеді:
p,h3 {
color: #000000;
font-size: 14pt;
font-family: Monaco;}
h1,h2 {
color: gray;
font-family: Arial;}
Достарыңызбен бөлісу: |
