Селектор түрлері [ҰБТ информатика]

#html #css #csshtml Селектор (ағылшынша selector) сұрыптау, іріктеу деген мағынаны білдіреді. CSS әлемі – HTML нысан мен элементінің қасиеттерінің және көрінісінің (стильдерінің) сиқырлы әлемі. Элемент бойынша селектор: Стильдер кестелерінің тілінде селектор ретінде HTML тіліндегі атауларды пайдалануға болады. Мысалы, HTML құжатта азатжолдағы (абзац) барлық мәтін 14 өлшемдегі Аrial қарпімен жазылуы керек болса, ол төмендегідей жазылады: Р{ font: normal 14pt Arial; } бұл жерде селектор ретінде HTML тілінде жеке жолды көрсететін Р элементі таңдалды. Сынып (Класс) бойынша селектор: Егер азатжол екеу болса және екеуін де бірдей түске бояу керек болса, «Не істеу керек?» деген сұрақ туындайды. Р style="color:blue"/. Тек осы азатжолдың түсі көк болады, /Р коды тек осы азатжолды ғана көк түске бояйды. Егер осындай бірнеше азатжол болса, онда НТМL-де оның бәрін бірдей түске бояу үшін, сlаss (сынып) атрибутын пайдаланамыз. Р сlаss="bluе" Осы азатжолдың және басқа да азатжолдардың бәрінің түсі көк түске ауысады /Р. HTML-де элементтің идентификаторы id параметрі арқылы беріліп, оның мәні ретінде бірегей (қайталанбас) атау беріледі. Мысалы: p id="pink" Идентификаторлық мәтіннің азатжолы (id)./p Атауға HTML және CSS-тегі тег, параметр және элемент аттарынан басқа кез келген сөзді қоюға болады. Мысалы, идентификаторға body атауын қоюға болмайды. Контекстік селектор Web-бетті жасаған кезде бір тегтің ішіне басқасын орналастыруға тура келеді. Тегтердің мәнерлері (стиль) браузерде дұрыс көрінуін қамтамасыз ету үшін контексте жұмыс істейтін селекторлар көмектеседі.

Смотрите также