CSS உள்ள அமைப்புகள்: வரி இடைவெளி

CSS இல், வரிகளுக்கு இடையே தூரம் அமைக்க மிகவும் எளிதானது. இந்த நோக்கத்திற்காக ஒரு சிறப்பு சொத்து உள்ளது. ஆனால், நிச்சயமாக, அங்கு உலகளாவியது என்பதையும் உரை பயன்படுத்த முடியும் மற்ற பல காரணிகள் உள்ளன.

எந்த சரிசெய்தல் செய்யப்படுகிறது என்றால், நீங்கள் கொடா அமைக்கப்படுகின்றன. விரும்பினால் நீங்கள் தூரத்தில் மாற்ற முடியும். மதிப்பு ஒரு சதவீதம் அல்லது பிக்சல்கள் இருக்கலாம்.

வரிசையில் உயரம்

வரிகளுக்கு இடையே CSS ஐ தூரத்தில் பின்வரும் எண்ணிக்கை மெய்ப்பிக்க முடியும்.

மேலே உள்ள படத்தில் தொடர்புடைய தூரங்களைக் கொண்டு அளவுருக்கள் காட்டுகிறது. உரைக்கான இடத்தை எழுத்துரு அளவு உள்ளது. உரை வரி அடிப்படை மற்றும் சற்றே அதிக மணிக்கு தொடங்கும் இல்லை என்பதை நினைவில் கொள்க. கீழே உறுப்புகள் (கிராம், y மற்றும் பல) கொண்ட எழுத்துகளாக கீழே கொடுக்கப்பட்டுள்ளது விண்வெளி.

தொகுதிகள் எழுத்துரு அளவு இடைவெளி முன்னணி அழைக்கப்படும் என்பதை நினைவில் கொள்க. HTML மற்றும் CSS இந்த சொத்து தெரியவில்லை, ஆனால் அது பிற கிராஃபிக் மற்றும் உரை ஆசிரியர்கள் உள்ளது. உதாரணமாக, அடோ.

அங்கு "ஃபோட்டோஷாப்", நீங்கள் முன்னணி குறிப்பிட முடியும் நிகழ்ச்சிகள் மேலே கொடுத்துள்ள. அடுத்த எழுத்துரு அளவு அமைப்பை குறிப்பிடப்படவில்லை.

வரிசை உயரம் பயன்படுத்தி எடுத்துக்காட்டுகள்

CSS இல், வரிகளுக்கு இடையே தூரம் சதவீதம் அமைக்க முடியும். ஒரு சுட்டிக்காட்டும் உதாரணம் கீழே கொடுக்கப்பட்டுள்ளது.

உங்கள் தளத்தின் பயனர் சிறிய மதிப்புகள் வழக்கில் படிக்க சிரமமாக இருக்கும்.

தூரத்தில் மாறுபட்ட மற்றும் எழுத்துரு அளவு இருக்க முடியும். அடிப்படை அளவுருக்கள் இடையே வேறுபாடு எண்ணிக்கையில் பெரிதும் வித்தியாசப்படும் என்றால், வேறுபாடு அதிகரிப்பு முன்னணி மூலம் ஈடு செய்யப்படுகிறது.

வடிவமைப்பு நுணுக்கமாகவும்

வரிகளுக்கு இடையே CSS ஐ தூரத்தில் மேலும் பல்வேறு ஓர தனிப்பயனாக்கலாம். படத்தில் உதாரணத்தைப் பார்க்கலாம்.

இந்த வழக்கில் "தனிமம்" உரை இருக்கும். பேட்டிங் - பொருளின் உள்தள்ளலை - திணிப்பு விளிம்பு பொருளின் உள்ளே உள்ளது. பார்டர் - இந்த சட்டகம். அது 0 பிக்சல்கள் இருக்க முடியும், மற்றும் 100 இருக்கலாம்.

பின்வரும் படத்தை உடனடியாக அனைத்து ஓரங்கள், சட்ட மற்றும் உரை ஒரு வரி உயரம் காட்டுகிறது.

நீங்கள் என்னும் ஒற்றை வரியில் ஒரு சிறிய உரை, அல்லது ஒரு தனி பத்தி ஒவ்வொரு வரிக்கும் இருந்தால், தூரம் பதித்த பத்திகள் இடையே சரி செய்து கொள்ளலாம். அந்த ஒரு செல்லில் வரிகளின் பாதிப்பு எதுவும் இல்லை இடையே maring மற்றும் திணிப்பு உள்ளது. அவர்கள் மட்டுமே பொருளின் விளிம்புகள் மணிக்கு உள்தள்ளலை உருவாக்க. , இந்த முழு பத்தி பதிலாக அதை வரிகளை - பொருள். அது குழப்பி கொள்ள கூடாது என்பது முக்கியம்.

சந்தர்ப்பங்களில் அதே பொருளின் அமைந்துள்ள இவை அனைத்துமே வரிசைகள், பெரிய அளவில், எழுத்துரு அடிப்படை அளவுருக்கள் மாற்ற பரிந்துரைக்கப்படுகிறது எங்கே.

CSS வரிகளை இடையிலான தூரம் அதிகரிக்க எப்படி

HTML இன் வரிகளுக்கு இடையே தூரம், நீங்கள் எந்த வர்க்கம் அல்லது உரை அனைத்து பத்திகள் பதிவு செய்யலாம். ப {வரிசை உயரம்: நீங்கள் இப்படி குறிப்பிட்டால் 20px; } - பின்னர் முற்றிலும் பக்கத்தில் அனைத்து பத்திகள் 20 பிக்சல்கள் சரங்களை இருக்கும். நீங்கள் வெவ்வேறு அளவுகளில் வெவ்வேறு இடங்களில் விரும்பினால், அது பின்வருமாறு செய்ய பரிந்துரைக்கப்படுகிறது.

நாம் பாணியை பரிந்துரைப்பார்.

.class1 {வரிசை உயரம்: 20px; }

.class2 {வரிசை உயரம்: 16px; }

.class3 {வரிசை உயரம்: 12px; }

தெளிவாகச் சொல்வதென்றால், நாம் உங்களுக்கு வேலை என்று பார்க்க முடியும், ஒரு சட்ட சேர்க்க. எதிர்காலத்தில், நீக்கப்பட வேண்டும்.

அடுத்து, நாம் இந்த வகுப்புகள் பயன்படுத்த. பின்வருமாறு விளைவாகும்.

மூன்றாவது வழக்கில், இசைக்குழு உரை சென்றார் என்பதை நினைவில் கொள்க. அனைத்து காரணமாக என்ற உண்மையை எழுத்துரு அளவு வரி உயரம் அதிகமாக இருக்கும். எனவே, இது போன்ற மோதல்கள் இல்லை என்று உறுதி செய்து கொள்ள வேண்டும். நீங்கள் ஒரு சிறிய வரி உயரம் செய்கிறோம் என்றால், முறையே, எழுத்துரு குறைக்கின்றன.

அது மிக சிறிய உரை மற்றும் கோடுகளுக்கு இடையில் குறுகிய தொலைவில் செய்ய பரிந்துரைக்கப்படவில்லை. பயனர்கள் யாரும் அமைதியான முறையில் எல்லாவற்றையும் படிப்பதற்கு முடியாது என்பதால். விரைவில் சோர்வாக கண்கள் அவர். தேடல் என்ஜின்கள் பெரும் உரை பயனர் நட்பு போர்தான் நடக்கிறது என்கிறார்கள்.

அனைத்திற்கும் மேலாக, அங்கு மொபைல் பயனர்கள் பயன்பாட்டு வலிமையானவைகளாக உள்ளது. அங்கு பரிந்துரைகளை எப்போதும் எழுத்துரு அளவு, வழக்கமான, இல்லை சிறிய இருக்க வேண்டும் என்று கூறியிருக்கிறோம். குறிப்பாக கடுமையாக அது குறிப்பு பாதிக்கிறது. தமது சிறிய அளவு பயனர் தளத்தில் ஊடுருவல் பயன்படுத்த கடினமானதாக இருக்கும்.

தேடுபொறி உள்ள "கூகுள்" ஆய்வில் உதவுகிறது என்று ஒரு சிறப்பு கருவியாகும். அது கூகுள் மிகவும் வசதியாக உள்ளது.

இங்கே இருக்கலாம் என்று முடிவு ஒரு உதாரணம் ஆகும்.

அது இந்த நிபந்தனைக்கு தேடல் முடிவுகளை பாதிக்கும் ஏனெனில் இந்த குறிப்புகள் பயன்படுத்த பரிந்துரைக்கப்படுகிறது.