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