CSS ஐ முன் - அசல், வசதியாக, நடைமுறை

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

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

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

போலி ஒரு சிறப்பம்சமாகும்

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

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

என போலி CSS ஐ, முன் மற்றும் சின்னமாக முன்பாக பிறகு ":", ஆனால் CSS3 தரமான பரிந்துரைக்கப்படுகிறது "::". சில உலாவிகளில் அல்லது பதிப்புகள் வெறுமனே ஒரு குறிப்பிட்ட போலி பார்த்திருக்க மாட்டீர்கள் விட இருக்க மாட்டேன் ஒரு பக்கத்தில் குறிப்பிட்ட பயன்பாட்டைக் சோதிக்க.

பயன்பாட்டு பொது விதிமுறைகள்

எ.கா., வைப்பது, கிராம உறுப்பு விவரிக்கும் வர்க்கம் = 'scElement' மற்றும் உள்ளடக்கம் "தனிமம்" பக்கம், CSS பாணி தாள் விளக்கத்தில் காட்டுவது போன்றவை இதில் அடங்கும்:

.scElement {
POSITION வது ...;
Z- குறியீட்டு ...;
...

}

CSS ஐ "முன் ::" போலி மற்றும்: "மாறிக்கொண்டிருக்கிறது" நீங்கள் ஒரு போலி விண்ணப்பிக்க முடியும்:

.scElement: மிதவை :: {உள்ளடக்கத்தை முன்: 'முன்னொட்டு'; நிறம் ...; பின்னணி வண்ண ...;}.

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

உள்ளடக்க வேறுபாடுகள் போலி

scElement - நீங்கள் போலி பண்புகள் குறிப்பிட வேண்டாம் என்றால், அவர்கள் முக்கிய உறுப்பு அதே இருக்கும். கர்சர் உறுப்பு படத்தை காட்டுகிறது போது இணைய முகவரிக்கு ( '/ scBox / RM-வி / SC-rights.png'): நீங்கள் உள்ளடக்கத்தை சொத்து பிறகு URL குறிப்பிட முடியும், மற்றும். உள்ளடக்கத்தை நிலையில்: "\ 03B1" கணித தோன்றுகிறது சின்னமாக "ஆல்ஃபா", ஆனால் சிறப்பு எழுத்துக்கள் பயன்படுத்த: "& nbsp; எங்கு சென்றாலும்", " அனுமதியை & lt;", "என்பதற்கு", "& nbsp;" மற்றும் மற்றவர்கள் செய்ய - உள்ளது அவர்கள் காட்டப்படும்.

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

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

அம்சங்கள் போலி

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

scElement: மிதவை :: {உள்ளடக்கத்தை முன்: 'முன்னொட்டு'; ...}

scElement: செயலில்: {உள்ளடக்கத்தை பிறகு: 'பின்னொட்டு'; ...}

CSS தளம் உள்ளடக்கத்தை வெளியே இயங்கும் முன்: இது நினைவில் கொள்வது முக்கியமானது. பாணியை பக்கத்தின் உள்ளடக்கத்தை தொடர்புடையவை அல்ல. போலி - விதிவிலக்கல்ல. அவர்கள் DOM மரம் தோன்றாத மற்றும் தளத்தின் தொடர்புடைய பிரிவுகளில் அவர்களை பயன்படுத்த விரும்பத்தகாத - உள்ளடக்கத்தை, அவர்கள் பெற முடியாது.

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

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

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