CSS ஐ மிதக்கவை: விளக்கம், பண்புகள்

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

மேலும், டெவலப்பர்கள் அத்தகைய முதல் Flexbox அல்லது தளத்தில் வெற்றிடத்தின் மூலப்பொருளாகக் மாற்ற ஒரே நிலையிலும் வசதியான வடிவமைப்பு விருப்பங்கள், ஆனால் முதல் விஷயங்களை பயன்படுத்த முடியும். நன்மைகள் மற்றும் தீமைகள் பண்புகள் ஃப்ளோட் புரிந்து கொள்ள தொடங்க.

CSS ஐ மிதக்கவை - அது ஏன் தேவை?

மிதந்து - சொத்து நிலைப்படுத்தல் உறுப்புகள். ஒவ்வொரு நாளும், படங்களையும் மிகவும் அழகாக இது சுற்றி அவர்களை மறைப்புகள் உரை பார்த்து, செய்தித்தாள்கள் மற்றும் பத்திரிகைகளில் பக்கங்களில் காணலாம். и CSS при использовании функции Float должно произойти то же самое. மிதக்கவை செயல்பாடு பயன்படுத்தி அதே நடக்க வேண்டும் ஆனது HTML மற்றும் CSS குறியீடு உலகில். ஆனால் அது படத்தை எடிட்டிங் எப்போதும் இந்த செயல்பாடு முக்கிய நோக்கம் அல்ல என்று நினைவு மதிப்பு. அது இரண்டு, மூன்று, நான்கு பத்திகள் தளம் கூறுகள் பிரபலமான இருப்பிடம் உருவாக்க பயன்படுத்த முடியும். உண்மையில், பங்குகளாக CSS சொத்து கிட்டத்தட்ட எந்த HTML-உறுப்பு பயன்படுத்தப்படுகிறது. அமைப்பை கூறுகள் பங்குகளாக செயல்பாடு பயன்படுத்தி தளத்தில் எந்த வடிவமைப்பு உருவாக்க, சொத்து திருத்தும், பின்னர் அடிப்படைகள் அறிவதற்கு கடினமானது இருக்க முடியாது.

சிறப்பு DTP நிரல்கள் சில நேரங்களில் படங்களை புறக்கணிக்க முடியும், மற்றும் அவர்கள் மீது செல்ல. போதுமான ஒத்த விஷயங்களை அடுத்துள்ள அல்லது அது கீழ் நடக்கும் மற்றும் (தவறாக பயன்படுத்தப்பட்டால் பண்புகள் ஃப்ளோட்) மட்டுமே படத்தை ஏற உரை ஒளி, விட வலை வடிவமைப்பு, காட்டப்படும், ஆனால் எப்போதும் நீங்கள் ஒரு டெவலப்பர் தேவைப்படும்.

சொத்து CSS ஐ மிதக்கவை விளக்கம்

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

நாம் சொத்து நான்கு மதிப்புகள் உள்ளன ஃப்ளோட்:

• ஃப்ளோட்: மரபுரிமையாக;
• ஃப்ளோட்: வலது;
• ஃப்ளோட்: இடது;
• ஃப்ளோட்: யாரும்;

ஆங்கிலம் தெரியும் அந்த, PARAMETER_INDEX மதிப்புகள் சொத்து தெளிவாக இருக்க வேண்டும் மிதப்பதற்கு. ஆனால் தெரியாது அந்த, நீங்கள் ஒரு சிறிய விளக்கம் கொண்டு வர முடியும். அளவுரு: இடது; அது பெற்றோர் உறுப்பு மிகவும் தீவிர இடது மூலையில் உள்ள உறுப்பு உடலையே. அதே விஷயம் (மட்டுமே மற்ற வழி) நடக்கும் போது bcgjkmpjdfybb அளவுரு: வலது; . மதிப்பு: மரபுரிமையாக; பெற்றோர் அதே கட்டமைப்பு கருதுவது உறுப்பு உத்தரவிடுகிறார். இது போன்ற கூறுகள் அவை பெற்றோர் HTML-ல் குறியீடு உள்ள நேரடியாக அமைந்துள்ளது என, இன்னும் குழந்தை அழைத்தார். ஒரு சொத்து: யாரும்; அது உறுப்பு எந்த குறியீடு மற்றப் பகுதிகளில் ஏற்றுக் இயல்பாக அமைக்கப்பட்டுள்ளது ஆவணம், வழக்கமான ஓட்டம் பாதிப்பு ஏற்படாமல் அனுமதிக்கிறது.

எப்படி வேலை மிதப்பதற்கு?

மிதவை CSS சொத்து மிகவும் வெறுமனே வேலை. மேலே கூறப்படும் அனைத்தும், மிகவும் சிரமம் இல்லாமல் செய்ய முடியும். அதன் பிறகு, எல்லாம் மிகவும் எளிமையானது இருக்கும். ஆனால் நான் பங்குகளாக படிப்பதாகும் தொடர்வதற்கு முன்பாக, கோட்பாடு ஒரு சிறிய தோற்றம் மதிப்புள்ள. ஒவ்வொரு இணைய தளத்தில் தொகுதி ஒரு உறுப்பு ஆகும். அது அழுத்தி, Ctrl + Shift + A ஜே உரை, தலைப்பு, படத்தை, இணைப்புகள் மூலம் Google Chrome இல் கன்சோல் திறப்பதன் மூலம் இந்த பார்க்க எளிதானது, மற்றும் தளத்தின் மற்ற அனைத்து கூறுகளும் காட்டப்படும் தொகுதிகள், வெறும் வெவ்வேறு அளவுகளில் வேண்டும். ஆரம்பத்தில், இந்த தொகுதிகள் ஒருவருக்கொருவர் பின்பற்றுகிறீர்கள். கீழே உதாரணத்தில் காட்டப்பட்டுள்ளது போன்ற குறியீட்டுடன் சரம் ஒன்றன் பின் ஒன்றாக சென்று, அதனால் அவர்கள் கண்டிப்பாக மற்ற பின்னால் ஒரு தோன்றும்.

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

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

பிரச்சினைகளை தீர்க்க தெளிவு செயல்பாடு

தெளிவு - நாம் ஒரு இதயம் ஒவ்வொரு கொண்டுள்ளது மிதப்பதற்கு. அவர்கள் ஒன்றாக இணைந்து - தண்ணீர் கொட்ட வேண்டாம். இந்த அம்சங்கள் இருவரும் ஒன்றுக்கொன்று மற்றும் மேம்பாட்டாளர் சந்தோஷப்படுத்த. மேலே குறிப்பிட்டபடி, அண்டை செல்களின் சாதாரண நிச்சயமாக வெளியே சென்று மேலும் எந்த பங்குகளாக சொத்து பயன்படுத்தப்பட்டது உறுப்பு (உதாரணமாக, CSS பங்குகளாக சிறந்த) போன்ற "மிதவை" தொடங்கும். இதன் விளைவாக, பதிலாக ஒரு மிதக்கும் தனிமத்தின் இரு பெறுகிறார், அவர்கள் டெவலப்பர் ஏற்பாடு நோக்கம் எங்கே இடத்தில் இல்லை. அந்த நேரத்தில் இருந்து அனைத்து பிரச்சினைகள் தொடங்கி உள்ளது.

தெளிவு சார்பின் ஐந்து மதிப்புகள் உள்ளன:

• : இடது;
• : வலது;
• : இரண்டு;
• : ஏற்றுக்கொள்;
• யாரும்;

ஒப்புமை மூலம் அது தெளிவு செயல்பாடு பயன்படுத்த சிறப்பாக இருக்கும் போது நாம் புரிந்து கொள்ள முடியும். நாங்கள் குறியீடு மிதக்கவை ஒரு வரி எழுதி என்றால்: வலது; (CSS ஐ குறியீடு பொருள்), செயல்பாடு தெளிவு இருக்க வேண்டும்: வலது ;. பாறைகள் மற்றும் அதே பண்புகள் ஃப்ளோட்: விட்டுச் சென்றார்; அது தெளிவு பூர்த்தி செய்யும்: இடது; . குறியீடு தெளிவு எழுதும் போது: இரு; அது உறுப்பு இது பயன்படுத்தப்படுகின்ற என்று மாறிவிடும், இந்த அம்சம் மிதக்கவை செயல்பாடு பயன்படுத்தப்படும் எந்த கூறுகள் கீழே இருக்கும். சுதந்தரிக்கிறார்கள் பெற்றோர் உறுப்பு இருந்து அமைப்புகளை ஆகும், ஆனால் யாரும் தளத்தின் கட்டமைப்பில் மாற்றங்கள் எதையும் செய்ய முடியாது. и CSS Float-код, который сделает ваш веб-сайт единственным в своем роде. நீங்கள் மிதந்து தெளிவு செயல்பாடுகளை, நீங்கள் அதன் வகையான உங்கள் வலைத்தளத்தில் தனிப்பட்ட செய்யும் எந்த ஒரு தனிப்பட்ட மற்றும் அசாதாரண HTML மற்றும் CSS மிதவைப் குறியீடு, எழுத முடியும் என்பதை புரிந்து கொண்டீர்கள் என்றால்.

பங்குகளாக பயன்படுத்தி பத்திகள் உருவாக்க

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

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

பின்னர், குறியீடு மற்றும் #content #navigation செல்ல. இந்த உறுப்புகள் மிதக்கவை செயல்பாடு பயன்படுத்தப்படுகின்றன. இடது மற்றும் வலது அனுப்பிய #content #navigation உள்ளது. அது இரண்டு பத்திகளை ஒரு தளம் உருவாக்க வேண்டும். என்று பொருட்களை ஒருவருக்கொருவர் மேல்கவியாத, அகலம் குறிப்பிட வேண்டும். நீங்கள் அகலம் மற்றும் சதவீதம் குறிப்பிடலாம். எனவே இன்னும் வசதியாக பிக்சல்கள் விட. உதாரணமாக, 45% மற்றும் #navigation க்கான #content, மீதமுள்ள 10% 45% சொத்து விளிம்பு கொடுக்க.

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

குறியீடு எழுதும் போது இடையூறுகள் நீங்கள் எதிர்கொள்ளக் கூடிய

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

உறுப்புகள் மோதல்

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

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

ஆனால் வலைப்பக்கத்தில் கூறுகள் மோதல் பிரச்சினை மற்றொரு வழியில் தீர்க்க முடியும். குறைந்தது இரண்டு வழிகள் உள்ளன:

• செயல்பாடு பயன்படுத்தி நிலைப்படுத்த;
• விண்ணப்ப Flexbox.

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

நிலை பகுப்பாய்வு மற்றும் பங்குகளாக செயல்பாடு குறியீடு

и CSS Float заменить на Position. அது நிலை பதிலாக HTML இல் வழி மற்றும் CSS பங்குகளாக இன்னும் சமாளிக்க வேண்டும். உண்மையில் அது மிகவும் எளிது. இதோ ஒரு உறுப்பு #container மற்றும் #div உள்ளது என்று வைத்துக்கொள்வோம்.

#container {

அகலம்: 40%;

மிதந்து: இடது;

விளிம்பு: 10px;

}

#div {

அகலம்: 40%;

மிதந்து: வலது;

விளிம்பு: 10px;

}

#footer {

தெளிவான: இரு;

}

இந்த உதாரணத்தில், இரண்டாவது கொள்கலனில் செயல்பாடுகளைப் பயன்படுத்துவதை (CSS ஐ டிவிசன்) மிதக்கவை இரண்டு பத்திகள் ஒரு நிலையான தளத்தில் உருவாக்க உதவும். தெளிவு செயல்பாடு மறக்க வேண்டாம். இல்லாமல் அது மட்டும் ஒருவருக்கொருவர் மேல் கூறுகள் மேல்வைக்கும்.

எனவே எப்படி நீங்கள் CSS மாற்ற மற்றும் Postion பயன்படுத்த குறியீடு பங்குகளாக செய்ய? மிகவும் எளிமையான:

#container {

அகலம்: 40%;

நிலை: உறவினர்;

விளிம்பு: 10px;

}

#div {

அகலம்: 40%;

நிலை: உறவினர்;

விளிம்பு: 10px;

}

இந்த வழக்கில் #container #div மற்றும் பெற்றோர் உறுப்பு டெவலப்பர் தேவையான நிலையை எடுத்து. முக்கிய விஷயம்? #div வைத்து அவற்றின் அளவு பொறுத்து அமையும் இது ஒரு பெற்றோர் உறுப்பு, #container.

Flexbox - இந்த செயல்பாடு CSS ஐ மிதக்கவை மாற்றியமைக்கும்?

Flexbox - நேரத்தில் வலைத்தளங்கள் உருவாக்க மிகவும் மேம்பட்ட வழி, எனவே இந்த செயல்பாடு உலாவிகளில் பழைய பதிப்புகள் ஆதரிக்கவில்லை. இந்த உண்மையில் உலாவிகளில் பழைய பதிப்புகள் பயனர்கள், தள்ளுபடி முடியாது தளத்தின் சரியான பதிப்பினை பார்வையிடலாம் முடியாது.

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

எப்படி Flexbox செய்கிறது?

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

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

இரட்டை மார்ஜின் பிழை

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

#div {

மிதந்து: இடது;

விளிம்பு இடது: 10px;

}

இந்த குறியீடு உள்ள இன்டர்நெட் எக்ஸ்ப்ளோரர் 20 படப்புள்ளிகளுக்குள் இடது உறுப்பு மாற்றமடைகின்றது. நீங்கள் பின்வருமாறு குறியீடு மாற்ற முடியும்:

#div {

மிதந்து: இடது;

விளிம்பு இடது: 10%;

}

அல்லது

#div {

மிதந்து: இடது;

விளிம்பு வலதுபுறமாக: 10px;

}

இந்த விருப்பங்களை இருவரும் இடப்பெயர்ச்சி உறுப்புகள் பிரச்சினையை தீர்க்க வேண்டும்.

பிழைகள் உலாவி மற்றும் தவறான காட்சி தளத்தில்

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