நீங்கள் எப்படி CSS பாணியை HTML பக்கங்கள் தெரிந்திருந்தால், நீங்கள் வடிவமைத்தல் கருத்து பாராட்ட வேண்டும். எக்ஸ்எம்எல் மார்க்-அப் மொழியின் துவக்கத்தில், தரவு காண்பிப்பது பிட் சிக்கலானதாக இருந்தது, ஆனால் இது நடை தாள்களுடன் மாற்றப்பட்டது.
ஒரு நடை தாள் குறிப்பைச் சேர்ப்பதன் மூலம், உங்கள் XML குறியீட்டை வலைப்பக்கமாக வடிவமைக்கலாம். CSS அல்லது வேறு வடிவமைப்பு இல்லாமல், XML ஒரு உலாவி ஆவணத்தை காண முடியவில்லை என்று குறிப்பிடும் ஒரு பிழையை அடிப்படையாகக் கொண்டது.
எக்ஸ்எம்எல் ஸ்டைலிங் உதாரணம்
ஒரு எளிய நடை தாள் மட்டுமே நீங்கள் உறுப்பு பட்டியலை மற்றும் தரவை காட்ட தேவையான வடிவமைத்தல் பண்புகளை தேவைப்படுகிறது.
குறியீட்டின் இந்த பிட் செயல்திறனை காண்பிக்கும் உறுப்புகள் மற்றும் வலைப்பக்கத்தில் அவர்கள் எப்படிப் பார்க்க வேண்டும் என இது சொல்கிறது:
மாதிரி {பின்னணி-நிறம்: #ffffff; அகலம்: 100%;} mymessage {display: block; பின்னணி-நிறம்: # 999999; விளிம்பு கீழ்: 30pt;} body {font-size: 50%}வடிவமைத்தல் கோப்பின் முதல் வரி ரூட் உறுப்பு ஆகும். ரூட்டிற்கான பண்புக்கூறுகள் முழு பக்கத்திற்கும் பொருந்துகின்றன, ஆனால் ஒவ்வொரு குறியீட்டிற்கும் நீங்கள் அவற்றை மாற்றிக் கொள்கிறீர்கள். இதன் பொருள் பக்கத்தின் பின்புல நிறத்தை நீங்கள் குறிக்க முடியும், பின்னர் ஒவ்வொரு பிரிவிற்கும் மீண்டும் பயன்படுத்தலாம்.
இந்த கோப்பை உங்கள் XML கோப்பாக அதே அடைவில் சேமித்து, அதைக் கொண்டிருக்கும் CSS கோப்பு நீட்டிப்பு என்பதை உறுதிசெய்யவும்.
எக்ஸ்எம்எல் இருந்து CSS இணைப்பு
இந்த கட்டத்தில், இவை இரண்டு தனித்தனி ஆவணங்கள். ஒரு வலைப்பக்கத்தை உருவாக்க அவர்கள் ஒன்றாக வேலை செய்ய வேண்டும் என்று செயலருக்கு தெரியாது.
CSS கோப்பிற்கு பாதையை விளக்கும் எக்ஸ்எம்எல் ஆவணத்தின் மேல் ஒரு அறிக்கையை சேர்ப்பதன் மூலம் இதை சரிசெய்யலாம். இந்த அறிக்கையானது ஆரம்ப எக்ஸ்எம்எல் அறிவிப்பு அறிக்கையின் கீழும் நேரடியாக செல்கிறது:
இந்த எடுத்துக்காட்டில், CSS கோப்பை products.css என அழைக்கப்படுகிறது, இது எக்ஸ்எம்எல் ஆவணத்தில் இது போன்ற பெயரிடப்பட்டுள்ளது. நீங்கள் CSS கோப்பு தேர்வு என்ன கோப்பு பெயர் என்று மாற்ற.