வலை வடிவமைப்பு எப்போதும் கிராஃபிக் மற்றும் அச்சு வடிவமைப்பு உலகின் முதன்மை மற்றும் வரையறைகள் கடன் வாங்கியுள்ளது. இது வலை அச்சுக்கலை மற்றும் எங்கள் வலை பக்கங்களில் letterforms கிடைக்கும் வழியில் வரும் போது இது குறிப்பாக உண்மை. இந்த சமாச்சாரங்கள் எப்போதும் 1 முதல் 1 மொழிபெயர்ப்புகளாக இருக்காது, ஆனால் ஒரு ஒழுக்கம் மற்றவர்களைப் பாதிக்கிற இடங்களில் நீங்கள் நிச்சயமாக பார்க்க முடியும். நீங்கள் பாரம்பரிய அச்சுக்கலை கால "முன்னணி" மற்றும் "வரி-உயரம்" என்று அறியப்பட்ட CSS சொத்து ஆகியவற்றுக்கு இடையிலான உறவை கருத்தில் கொள்ளும்போது இது குறிப்பாக தெளிவாகிறது.
முன்னணி நோக்கம்
அச்சிடப்பட்ட பக்கத்திற்கான அச்சுக்கலை உருவாக்க மக்கள் கைமுறையாக மெட்டல் மெட்டல் அல்லது மரக் கடிதங்களைப் பயன்படுத்திய போது, அந்த வரிகளுக்கு இடையில் இடைவெளியை உருவாக்க பொருத்தமாக மெல்லிய துண்டுகள் உரைக்கு கிடைமட்ட வரிகளுக்கு இடையில் அமைக்கப்பட்டன. நீங்கள் ஒரு பெரிய இடைவெளி தேவை என்றால், நீங்கள் முன்னணி பெரிய துண்டுகளாக சேர்க்க வேண்டும். "முன்னணி" என்ற சொல் எப்படி வந்தது என்பதுதான். அச்சுக்கலை வடிவமைப்பு மற்றும் அதிபர்கள் பற்றிய ஒரு புத்தகத்தில் நீங்கள் "முன்னணி" என்ற வார்த்தையைப் பார்த்தால், அது "ஏதேனும் ஒரு வகை வகைகளின் வரிசைகளுக்கு இடையில் உள்ள தூரம்" என்பதைப் புரிந்து கொள்ளும்.
வலை வடிவமைப்பு முன்னணி
டிஜிட்டல் வடிவமைப்பில், முன்னணி சொல் இன்னும் உரைகளின் வரிகளுக்கு இடைவெளி இருப்பதை குறிக்க பயன்படுத்தப்படுகிறது. உண்மையான நிகழ்ச்சிகள் இந்த நிகழ்ச்சிகளில் பயன்படுத்தப்படாவிட்டாலும், பல திட்டங்கள் இந்த சரியான காலத்திற்குப் பயன்படுத்தப்படுகின்றன. இந்த கொள்கையின் சரியான செயல்பாட்டை மாற்றியமைத்தபோதிலும் பாரம்பரிய வடிவமைப்புகளிலிருந்து புதிய வடிவமைப்பு வடிவங்களின் புதிய வடிவங்களுக்கான சிறந்த உதாரணம் இது.
அது வலை வடிவமைப்பு வரும் போது, எந்த CSS சொத்து இல்லை "முன்னணி." அதற்கு பதிலாக, உரை காட்சி இந்த காட்சி காட்சி கையாள என்று CSS சொத்து வரிசை உயரம் அழைக்கப்படுகிறது. உரைக்கு கிடைமட்ட வரிகளுக்கு இடையில் கூடுதல் இடைவெளி இருக்க வேண்டுமெனில், நீங்கள் இந்த சொத்து பயன்படுத்த வேண்டும். உதாரணமாக, உங்கள் தளத்தில் உள்ள
பக்கத்தின் இயல்புநிலை எழுத்துரு அளவு (இது பொதுவாக 16px) அடிப்படையில் 1.5 மடங்கு சாதாரண வரி உயரம் ஆகும்.
வரி-உயரம் பயன்படுத்த எப்போது
மேலே விவரிக்கப்பட்டுள்ளபடி, வரி-உயரம் பத்திகளில் உரைகளின் வரிகளை அல்லது உரைகளின் பிற தொகுதிகள் இடத்திற்குப் பொருந்தும். வரிகளுக்கு இடையில் மிகக் குறைந்த இடைவெளி இருந்தால், உரை உங்கள் பார்வையாளர்களுக்கு பார்வையாளர்களுக்காக வாசிப்பது கடினம், கடினம். இதேபோல், கோடுகள் பக்கத்திலிருந்தே வெகு தொலைவில் இருந்தால், வாசிப்பின் சாதாரண ஓட்டம் குறுக்கிடப்படும், இதனால் வாசகர்களுக்கு உங்கள் உரையில் சிக்கல் இருக்கும். எனவே, வரி-உயரம் இடைவெளிக்கு பொருத்தமான அளவு கண்டுபிடிக்க வேண்டும். பக்கத்தின் வாசிப்புக்கு தங்கள் கருத்துக்களை பெற உண்மையான பயனர்களையும் உங்கள் வடிவமைப்பை சோதிக்கலாம்.
வரி-உயரம் பயன்படுத்த வேண்டாம் போது
தலைப்பின் அல்லது பத்திகள் உட்பட உங்கள் பக்க வடிவமைப்புக்கு இடைவெளி சேர்க்க நீங்கள் பயன்படுத்தும் திணிப்பு அல்லது விளிம்புகளுடன் வரி-உயரம் குழப்ப வேண்டாம். அந்த இடைவெளி முன்னணி இல்லை, எனவே அது வரி உயரம் மூலம் கையாளப்படுகிறது.
சில உரை கூறுகளின் கீழ் இடத்தை சேர்க்க விரும்பினால், நீங்கள் ஓரங்கள் அல்லது திணிப்புகளைப் பயன்படுத்த வேண்டும். நாங்கள் பயன்படுத்திய முந்தைய CSS எடுத்துக்காட்டுக்கு செல்கிறோம், இதைச் சேர்க்கலாம்:
முக்கிய p {வரிசை உயரம்: 1.5; விளிம்பு-கீழே: 24px; } இது இன்னமும் 1.5 பக்க உயரம் நம் பக்கத்தின் பத்திக்கான உரைக்கு இடையே (
கிட்டத்தட்ட எல்லா சந்தர்ப்பங்களிலும், இது முந்தைய CSS போலவே காட்டப்படும்.
"Services-menu" என்ற ஒரு வர்க்கத்துடன் பட்டியலிடப்பட்ட பட்டியலில் உள்ள இடைவெளியைச் சேர்க்க நீங்கள் விரும்பினீர்கள் எனில், கோடு உயரம் அல்ல, அவ்வாறு செய்ய விளிம்புகள் அல்லது திணிப்புகளைப் பயன்படுத்த வேண்டும். எனவே இது பொருத்தமானது.
.ervices-menu li {