CSS ஐ: எழுத்துரு வண்ணம், பாணி, முறை, அளவு

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

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

பாணிகள் விளக்கம் பொதுச் தர்க்கம்

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

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

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

எடுத்துக்காட்டு ஜெனரல் தர்க்கம்

மிகவும் எளிமையாக மூன்று உறுப்புகள் CSS வண்ண தீர்மானிக்கப்பட்டதாகும் அது குறைந்தது மூன்று நீண்ட காலமாக பிரச்சினைகள் பெற முடியும்:

# Ele1, # Ele2, # Ele3 {
இடம்: முழுமையான;
இடது: 20px;
மேல்: 14px;
நிறம்: சிவப்பு;
}

# Ele2, # Ele3 {
இடது: 90px; CSS ஐ கிடைமட்ட ஆய மாற்ற //
நிறம்: மஞ்சள்; எழுத்துரு CSS ஐ நிறத்தை மாற்ற //
}

# Ele3 {
மேல்: 114px; CSS மாற்ற // செங்குத்து ஒருங்கிணைக்க

நிறம்: பச்சை; மீண்டும் எழுத்துரு CSS ஐ நிறத்தை மாற்ற //

பின்னணி-நிறம்: lightgrey; // CSS ஐ உரை சிறப்பம்சமாக நிற மாற்றம், ஆனால் இந்த # Ele1 மற்றும் # Ele2 இவ்வாறு இருக்காது; நிலை இங்கே என, மாற்றப்பட்டது, ஆனால் அது # Ele2 உள்ள மாறிவிட்டது அல்ல

}

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

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

• CSS இல் வண்ணத்தை அமைக்க - பாணி groundColor வர்க்கம்;
• எழுத்துரு அளவு குறிப்பிட - வர்க்கம் size15;
• தொகுப்பு நிலையை - வர்க்கம் PlaceUp.

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

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

பொதுவான தர்க்கம் பயன்படுத்தி எதிர்பார்க்கப்பட்ட

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

CSS ஐ, மிக முக்கியமான பெற்றிருக்கும் இது அனைத்து விதிகள், இன்:

• பாணி - வர்க்கம், பின்னர் பெயருடன் தொடங்கியிருக்கிறது "."
• பாணி - அடையாளங்காட்டி மற்றும் அதன் பெயர் ஒரு "#" பாத்திரம் தொடங்குகிறது;
• மற்ற நேரங்களில் - ஒரு பெயர் குறியை அல்லது சிறப்பு ஏதாவது

பாங்குகள் விளக்கம் கருத்துக்கள் மீதமுள்ள பகுதி (பரம்பரை பண்புகள் ஒன்றுடன் ஒன்று, முன்னுரிமைகள், நிலை, ஆர்டர் போன்ற. டி) புத்திசாலித்தனமாக மற்றும் கண்டிப்பாக தேவையான பயன்படுத்த வேண்டும்.

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

எதிர்பாராத வாய்ப்புகளை

தவறாக கூடாது * {இடது போன்ற பாணியை: 124px; } அல்லது

தாருல்; ol, தாருல் உல், உல் உல், உல்; ol {விளிம்பு-கீழே: 0; }
ஒரு படம் {oram: 0; }

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

CSS ஐ - மட்டும் பாணி டேக் மூலம் ஒரு இணைப்பை டேக் வழியாக பக்கத்துடன் இணைக்கப்பட்ட அல்லது சேர்க்கப்பட்ட என்று ஒரு பாணி கோப்பு. அது ஏற்கனவே உள்ளதை ஈ ஒரு பாணி உருவாக்க அல்லது மாற்ற முடியும்.

CSS பயன்படுத்தி, எழுத்துரு வண்ணம் நிரல் செய்ய முடியும். அத்துடன் அளவு மற்றும் நிலையை, ஓரங்கள் போன்ற. இணையத்தளம் - HTML, CSS, PHP அல்லது JavaScript விளைவுகள் ஃபிளாஷ் அறிவு விண்ணப்பிக்க ஒரு கோல் அல்ல.

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

நிலையான இயக்கவியல்

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

இங்கே, பேச்சாளர் வழிமுறை தேவையில்லை:

// வலைத்தளத்தில் உள்ளீடு பொத்தானை முன்னிலைப்படுத்த
செயல்பாடு scfWelcomeOver () {
பேஸ்புக் ( 'scDocxNamePiP') style.visibility = 'தெரியும்' .;
}

// வலைத்தளத்தில் உள்ளீடு பொத்தானை மறைக்க
scfWelcomeOut செயல்பட () {
பேஸ்புக் ( 'scDocxNamePiP') style.visibility = 'மறைத்து' .;
}

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

டைனமிக் உள்ளடக்கத்தை காட்சி

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

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

உதாரணமாக, வாடிக்கையாளர் கூறினார்: லாஸ் வேகாஸ் "மற்றும் பாணியில் அறிவியல் மற்றும் தொழில்நுட்ப முன்னேற்றம் குறித்து கட்டுரைகள்" ModernTehno "பாணியில் இரவு சந்தடி செய் விவரிக்கும்," ZaZavtrakom "செய்தி கட்டுரைகள் பாணியில் அலங்கரிக்கப்பட்டிருக்கும் என்றால் மாஸ்கோ வாழ்க்கை, நல்ல இருக்கும் தளத்தில் விவரிக்கிறது" ' ". நாங்கள் இந்த விருப்பங்களை மூன்று எஸ் செய்தால் ஆனால், வாடிக்கையாளர் கட்டுரைகள் ஒரு தொகுப்பு "நியூஸ்", "விடுமுறை", "வேலை» «CSS HTML /» போனஸ் "HozyaykeNaZametku" என்று யோசனை இல்லை என்று எந்த உத்தரவாதமும் இல்லை.

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

ஜாவா டைனமிக்ஸ் பாணி

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

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

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

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

இந்த செயலாக்கம் தரவுகளில் மற்றும் காட்சியில் விட்டு தரவுகளை வழங்கி பிரிக்க நவீன போக்கு முரண்படாது.

ஒரு செயலில் மூலப்பொருள் என CSS

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

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

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

பதிவு தகவல் புரோகிராமர்கள் ஒரு மிகவும் முறைப்படுத்தப்பட்டது துறைகளில் எப்போதும் ஈடுபட்டு, ஆனால் CSS தீம் - ஒரு மிக எளிய பணி, ஆனால் எப்படியோ வளர்ச்சி செயல்முறை காட்சிப் புலத்தில் ஒரு வரவில்லை.

நிரலாக்கத் துறையில் மரபில் மீது

ஒரு பனிப்பாறை போல, சமய மரபில் நீண்ட விரிந்திருந்தாலும் தகவல் furrowing முடியாது. கடந்தகால அனுபவம் HTML- மற்றும் CSS-தரங்களில், கருவிகள் அவர்களை வேலை மட்டும், அறிவு டெவலப்பர்கள் கவனம் செலுத்த வேண்டியிருந்தது.

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

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