Редактор мәтіндері html5 құжатын жасау



бет6/8
Дата13.11.2022
өлшемі415,91 Kb.
#158014
1   2   3   4   5   6   7   8
Байланысты:
Саден М

xCSS-ті қосу
Біздің CSS біздің HTML-мен сөйлесуі үшін, біз HTML-ден CSS файлын нұсқауымыз керек. Біздің барлық стильдерімізді HTML құжатының элементінің ішіне бағытталған бір сыртқы файлға қосу тиімді. Бір сыртқы CSS-ті пайдалану бізге бүкіл стильдерді қолдануға және оған жылдам өзгерістер енгізуге мүмкіндік береді.
Сыртқы стильдер кестесін құру үшін біз тағы да таңдалған мәтіндік редакторды .css кеңейтілімімен жаңа мәтіндік файл жасау үшін қолданғымыз келеді. Біздің CSS файлымыз HTML файлы сияқты бір қалтада немесе ішкі қалтада сақталуы керек.
элементі ішінде HTML және CSS файлдары арасындағы байланысты анықтайтын элементі қолданылады. Біз CSS-ке сілтеме жасайтын болғандықтан, олардың қатынастарын көрсету үшін rel атрибутын стиль кестесінің мәнімен қолданамыз. Сонымен қатар, href атрибуты CSS файлының орнын немесе жолын көрсету үшін қолданылады.
Келесі HTML құжат мысалында элементі сыртқы стиль файлына нұсқайды.



CSS-ті дұрыс көрсету үшін href атрибутының жол мәні CSS файлы сақталған жерге тікелей сәйкес келуі керек. Алдыңғы мысалда main.css файлы HTML файлы орналасқан жерде сақталады, ол түбірлік папка деп те аталады.


Егер CSS файлы ішкі қалтада орналасқан болса, онда href атрибутының мәні сәйкесінше осы жолға сәйкес келуі керек. Мысалы, егер біздің main.css файлы стильдер кестесі деп аталатын ішкі қалтаға сақталған болса, онда href атрибутының мәні стильдер / main.css мәндері болады. Ішкі қалтаға өтуді көрсету үшін алға көлбеу (немесе көлбеу) қолданылады.


CSS қалпына келтіруді пайдалану
Әрбір браузерде әр түрлі элементтерге арналған әдепкі мәнерлер бар. Google Chrome тақырыптарды, абзацтарды, тізімдерді және басқаларын көрсету тәсілі Internet Explorer-дің жасайтынынан өзгеше болуы мүмкін. Әр түрлі браузерлермен үйлесімділікті қамтамасыз ету үшін CSS қалпына келтіру кеңінен қолданыла бастады.
CSS-ті қалпына келтіру барлық негізгі HTML элементтерін берілген стильмен алады және барлық браузерлерде тұрақты стильді ұсынады. Бұл қалпына келтіру үшін әдетте өлшемдерді, төсемдерді, жиектерді немесе осы мәндерді төмендету үшін қосымша стильдерді алып тастау қажет. CSS каскадты жоғарыдан төменге қарай жұмыс істейтіндіктен (бұл туралы жақын арада білетін боласыз), біздің қалпына келтіру стиліміздің ең жоғарғы жағында болуы керек. Бұл алдымен осы стильдердің оқылуын және барлық әртүрлі шолғыштардың жалпы сілтеме бойынша жұмыс істеуін қамтамасыз етеді.
Қолдануға болатын бірнеше түрлі CSS қалпына келтіруге болады, олардың әрқайсысының өз күштері бар. Эрик Мейердің ең танымал бірі, оның CSS қалпына келтіруі жаңа HTML5 элементтерін қосуға бейімделген.
Егер сіз өзіңізді аздап шытырман сезінетін болсаңыз, онда Николас Галлахер жасаған Normalize.css бар. Normalize.css барлық негізгі элементтер үшін қатты қалпына келтіруді емес, керісінше сол элементтерге ортақ стильдерді орнатуға бағытталған. Бұл CSS-ті тереңірек түсінуді, сондай-ақ стильдерден не алғыңыз келетінін білуді талап етеді.




Достарыңызбен бөлісу:
1   2   3   4   5   6   7   8




©engime.org 2024
әкімшілігінің қараңыз

    Басты бет