Г. Жомарткызы интернет технологиялар
жүктеу/скачать 50,87 Kb.
|
Дәрiс 4
| h2
{font-family: arial; margin-right: 20pt; color:#ffffff } Сонымен бiрге, ережелердiң анықтауында селекторларды топтауға рұқсат етiледi бӛлгiш ретiнде үтiрдi қолданылады. Келесі мысалда топқа абзацтық, кестелер және тiзiмдердiң элементтерi біріктірілген. Барлық элементтер sans serif шрифттерiмен ерекшеленеді: p, table, li {font-family: "sans serif";} 4.2.4 Класс селекторы (class). Жиi Web- ӛңдеуде HTML элементiнiң бiр түрi үшiн әр түрлi стильлердi анықтау қажеттiлiгі пайда болады. Бұл есептiң шешу үшiн класс селекторы пайдаланады. Құжатта тақырыптардың екi түрi керек болатынын болжаңыз: iрiлеу бас сыртқы ығысуы 10 пункт, екiншi - 20 пункт. Бұл стильлер арқылы былай жасалады: h1.stepleft {margin-left: 10pt} h2.stepright {margin-left: 20pt} Бұл стильлердi HTML құжатта қолдану үшiн класс атрибуты пайдаланылады: > Сыртқы ығысуы 10 пункт тақырып.> Сыртқы ығысуы 20 пункт тақырып.5.2.5 Идентификатордың селекторы (id). HTML элементтерiнiң стильдерi сонымен бiрге # символымаен анықталатын идентификатордың селекторымен де анықтауға болады. Стильдiң келесi ережесi fontsz мәнi бар id атрибуты бар элементіне қолданылатын болады: болады: #fontsz{font-size: 50%} Стильдiң келесi ережесi first мәнi бар id атрибуты бар ul элементiне қолданылатын ul#first{list-style: disc;color: #ffffff} Браузерлермен кодтың ӛңдеуiнiң дұрыстығы үшiн ID атты саннан бастауға ұсынылмайды, ӛйткенi бұл Mozilla/Firefox-те жұмыс iстемейдi. жүктеу/скачать 50,87 Kb. Достарыңызбен бөлісу:
|