CSS பெட்டி: அவசர மற்றும் விளைவு

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

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

தொடரியல் விளக்கம்

குறிப்பிட்ட புலத்திற்குப் வாய்ப்பு உறுப்பு பக்கத்தின் மேல் இடது மூலையில் (இடது, மேல்), கிடைமட்ட மற்றும் செங்குத்து திசைகளில் அளவு (அகலம், உயரம்) தொடர்புடைய ஒருங்கிணைக்கும். அனைத்து வடிவமைப்பு மற்றும் அனிமேஷன் கூறுகள் ஜோடிகள் செய்யப்படுகின்றன ": மதிப்பு சொத்து".

விளக்கம் இணைப்பு குறிப்பிடப்படுவது அவருக்குப் சுட்டி, பாணி செருக பக்கம் குறியீடு அல்லது தனிப்பட்ட கோப்பில் நேரடியாக செய்யப்படுகிறது. சின்டாக்ஸ்:

#name {சொத்து: மதிப்பு; சொத்து: மதிப்பு; சொத்து: மதிப்பு; ...}

அல்லது

பெயர், {சொத்து: மதிப்பு; சொத்து: மதிப்பு; சொத்து: மதிப்பு; ...}

பெயர் ப, உடல், HTML, அட்டவணை, TD இருக்க முடியும் ... என்று HTML-மார்க் டேக் பெயர். பாணி உறுப்பு விளக்கம் நேரடியாக இணைக்கப்படலாம்.

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

முக்கிய காரணிகள்

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

CSS ஐ சட்ட அருவியாகக் நடைத்தாள்களின் பொது விதிகள் விவரித்தார்:

எல்லை: 3px;
எல்லை-நிறம்: சிவப்பு;
எல்லை பாணி: இரட்டை திட புள்ளிவைத்து கோடிட்ட.

இரட்டை, வலது மேல் பக்க - கோடிட்ட, திட கீழே, இடது - புள்ளி: சிவப்பு, பாணி பக்கங்களிலும் - இந்த விளக்கம் 3 பிக்சல்கள், நிறம் எல்லை அகலம் அமைக்கிறது.

எல்லை அகல: 1px 2px 4px 8px;
எல்லை-நிறம்: நீலம்;
எல்லை பாணி: உள்ளன.

நீலம், மற்றும் பாணி - - இங்கே, ஒவ்வொரு பக்கத்திலும் பரிமாணங்களை மேல், கடிகார, நிறம் இருந்து தொடர்ந்து உள்ளன ஸ்பாட்.

எல்லை-நிறம்: நீலம் சிவப்பு பச்சை கருப்பு;

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

எல்லை: 1px பச்சை திட;
எல்லை-ஆரம்: 0px 4px 8px 12px;
-moz-எல்லை-ஆரம்: 0px 4px 8px 12px;
வெப்கிட்-எல்லை-ஆரம்: 0px 4px 8px 12px;

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

சட்ட மற்றும் அதன் நோக்கம் தடிமன்

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

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

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

வெளியே கீழ்

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

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

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