સીએસએસ: ફોન્ટ રંગ, શૈલી, પેટર્ન, કદ

પ્રોગ્રામિંગ - દર્પણ: શરૂઆતમાં શબ્દ હતો, અને પાછળ નથી પ્રતિબિંબિત કરે છે. અને ખૂબ જ ઝડપથી તે "પરિવર્તન" હતી: પ્રથમ દર્પણ, પછી શબ્દ ... આ બિંદુએ, શૈલી શીટ અસ્ખલિત - છે સારું છે, પરંતુ શા માટે આટલા લાંબા સમય સુધી તે એક વિકાસકર્તા દિમાગમાં રહ્યા હતા? સીએસએસ - તે બધા જ એરે વખત કોમ્પ્યુટર પ્રોગ્રામ યુગ છે, પરંતુ માત્ર એક અલગ દ્રષ્ટિકોણથી છે. ત્યારે પણ લોકો બની સમૂહનો ક્રાંતિ નથી કરવામાં આવે છે.

વેબસાઇટ પાનું - તે એચટીએમએલ-માર્કઅપ, જે ચોક્કસ શૈલી અથવા શૈલી વર્ગ ઓળખકર્તા કારણભૂત ગણાવી શકાય ટૅગ્સ. કારણ કે એક વખત જરૂરી પ્રથમ કંઈપણ એકવાર અને કારણભૂત ગણવામાં આવી હોય વ્યાખ્યાયિત કરી શકાય છે, બીજી એક ખાસ તત્વ જોડાયેલું છે.

શૈલીઓ વર્ણન સામાન્ય તર્ક

પરંપરા પ્રમાણે, શૈલી સીએસએસ ફાઇલ મૂકવામાં આવે છે, પરંતુ તેની શૈલી લક્ષણ ચોક્કસ તત્વ કારણભૂત ગણાવી શકાય. શૈલી જાવાસ્ક્રિપ્ટ સાધનો ગતિશાસ્ત્ર માં બનાવી શકાય છે. ખાસ મહત્વ તરીકે વર્ણવવામાં આવે છે નથી, ઉદાહરણ તરીકે, માધ્યમ દ્વારા સીએસએસ રંગ ફોન્ટ, તેના કદ, હેડસેટ, તે હેઠળ પૃષ્ઠભૂમિ અને તેથી પર. લોકેશન વર્ણન શૈલી, સામાન્ય રીતે બે વિચારો સંદર્ભમાં મહત્વપૂર્ણ છે: બાદમાં વર્ણવી છે, તેથી તેને ઊંચી અગ્રતા છે, અને જો તત્વ માં વર્ણવ્યા, તે મહત્વનું નથી !. છેલ્લે, કારણ કે તે છે, સ્પષ્ટ રીતે અગ્રતા વ્યાખ્યાયિત રેકોર્ડ કર્યું હતું.

શૈલી લાગુ કરવા માટે, ઉદાહરણ તરીકે, એક ચોક્કસ ફોન્ટ રંગ પરિવર્તન રંગ, ગમે ત્યાં અને કંઈપણ હોઈ શકે છે. પ્રશ્ન કેવી રીતે સાથે મળીને બધા શૈલીઓ વસ્તુઓમાંથી સ્પેરપાર્ટસ છૂટા પાડવા દરમિયાન બ્રાઉઝરમાં તેને પ્રતિક્રિયા છે. કેટલી તેમણે આ CPU પર વિતાવે હતી?

આદર્શરીતે, ફોન્ટ રંગ માત્ર એક જ વાર સૂચવવામાં જોઇએ - તે ક્લાસિક છે. એક દંપતિ એક સરળ વર્ણન બહાર વિચારો, અને પછી બીજા અને બીજા ... અલબત્ત, તમે કરી શકો છો. તે ફેશનેબલ છે, પરંતુ વ્યવહારુ છે.

ઉદાહરણ સામાન્ય તર્ક

તદ્દન ખાલી ત્રણેય તત્વો માટે સીએસએસ રંગ દ્વારા નક્કી છે, તે ઓછામાં ઓછા ત્રણ લાંબા સમયથી ચાલતા સમસ્યાઓ વિચાર શક્ય છે:

# Ele1 # Ele2 # Ele3 {
સ્થિતિ: નિરપેક્ષ;
ડાબે: 20px;
ટોચ: 14px;
રંગ: લાલ;
}

# Ele2 # Ele3 {
ડાબે: 90px; // સીએસએસ આડી કોઓર્ડિનેટ્સ બદલી
રંગ: પીળો; // ફોન્ટ CSS ની રંગ બદલવા
}

# Ele3 {
ટોચ: 114px; // સીએસએસ બદલવા ઊભી સંકલન

રંગ: લીલો; // ફરી એકવાર ફોન્ટ CSS ની રંગ બદલવા

પૃષ્ઠભૂમિ રંગ: આછોભૂખરો color; // સીએસએસ લખાણ હાઇલાઇટ રંગ બદલાઈ છે, પરંતુ આ # Ele1 અને # Ele2 હાજર નથી; સ્થિતિ પણ અહીં કારણ કે બદલાઈ છે, પરંતુ તે # Ele2 માં બદલાઈ ગઈ છે અને નહિં, તો

}

હવે અમે યાદ છે કે આ ત્રણેય બધા તત્વો ક્યાંક વ્યાખ્યાયિત કરવામાં આવે છે, અને સાઇટ માલિક રંગ રજૂઆતો પરિવર્તન ઘટનામાં, વિકાસકર્તા માત્ર, પણ બાકી નિયમો અને ટોચ વિશે રંગ વિશે યાદ, અને તે પણ બદલવા માટે લખાણ હાઇલાઇટ રંગ ભૂલી ન કરવી જોઈએ પડશે.

બધા વિકાસકર્તાઓ આદરણીય આવે જરૂરિયાત સીએસએસ: પ્રકાર ID ને - માત્ર એક તત્વ છે, અને વર્ગ શૈલી - ઘણા ટેગ્સ, વિશેષણો તરીકે ટૅગ્સ છેલ્લા શક્ય બિંદુ ઉપરાંત:

• CSS માં ફોન્ટ રંગ સુયોજિત - શૈલી groundColor વર્ગ;
• ફોન્ટ કદ સ્પષ્ટ - વર્ગ size15;
• સમૂહ સ્થિતિ - વર્ગ PlaceUp.

સ્વાભાવિક રીતે, આઇડેન્ટીફાયર ઉપયોગ, ખાસ કરીને જ્યારે તેઓ આ જ નિશાન તત્વ અનુસરે ટોચના દસ શૈલી વર્ગો પૃષ્ઠ ઘટકો સેંકડો વિવિધ સંયોજનો માં દોરવામાં. પરંતુ બધું તેના પોતાના ઉદ્દેશ તર્ક છે.

વિકાસકર્તા ફક્ત યોગ્ય ધ્યાનમાં લેવા જોઈએ: ફૉન્ટ રંગ પણ જો એચટીએમએલ, સીએસએસ , હાર્ડ વર્ણવવા માટે તક આપે છે વર્ણનો એકંદર માળખું સુગમતા - કે તેમના કામ છે.

સામાન્ય તર્ક મદદથી અપેક્ષિત પરિણામ

આધુનિક બ્રાઉઝર્સમાં શૈલી ફાઇલો અને વોલ્યુમમાં ઘણો સાથે આરામદાયક છે. જોકે, રચના, સીએસએસ મારફતે ખાસ કરીને, સમગ્ર પાનું રંગ, તમે હંમેશા વાજબી પર્યાપ્તતા વિચારવું જોઈએ. બધા શૈલી નિયમો "સસ્તા" એપ્લિકેશન જુઓ. સાદું ઓછાબોલું પ્રવેશ: * {રંગ: સફેદ;} - ચોક્કસપણે સુંદર છે, પરંતુ તે અપવાદ વગર પૃષ્ઠ ના બધા તત્વો માટે લાગુ પડે છે.

બધા નિયમો, જે સીએસએસ, સૌથી મહત્વપૂર્ણ સજ્જ છે:

• શૈલી - વર્ગ, અને પછી નામ સાથે શરૂ થાય છે, "."
• શૈલી - ઓળખકર્તા અને તેનું નામ એક "#" અક્ષર સાથે શરૂ થાય છે;
• અન્ય કિસ્સાઓમાં - એક નામ ટેગ અથવા કંઈક ખાસ

શૈલીઓ વર્ણન વિચારો બાકીના ભાગ (વારસો ગુણધર્મો ઓવરલેપ, પ્રાથમિકતાઓ, સ્થિતિ, ક્રમ અને જેમ. ડી) બુદ્ધિપૂર્વક અને કડક જરૂરી વાપરી શકાય જોઈએ.

બ્રાઉઝર હંમેશા ચૂકી, વર્ણન બહાર બનાવતા નથી, કે જેથી ખાસ આશ્ચર્ય નથી કરશે. જો કંઈક યોગ્ય જગ્યાએ ન હતી અથવા સેટ CSS માં ફોન્ટ રંગ ભૂલ શૈલીમાં શક્ય નથી, તેથી.

અણધારી તકો

દુરુપયોગ ન કરવો જોઇએ * {ડાબી બાજુ જેવી શૈલીઓ: 124px; } અથવા

Ol Ol, Ol ઉલ, ઉલ ઉલ, ઉલ Ol {ગાળો નીચે: 0; }
એક img {સરહદ: 0; }

જોકે તે સીએસએસ નિયમો વાપરવા માટે, કારણ કે તેઓ છે પણ એક શિખાઉ વિકાસકર્તા બનાવવા માટે મુશ્કેલ છે. હંમેશા કોઈપણ સાઇટ વિકાસ, પણ સંપૂર્ણપણે સરળ સીએસએસ વાક્યરચના અણધારી સમસ્યાઓ આપે છે. જો કે, જો વાક્યરચના યોગ્ય ઉપયોગ સીધી પ્રયત્નો, પરંતુ લાગુ જાવાસ્ક્રિપ્ટ કાર્યક્ષમતા નવા અને અણધારી તકો એકવિધ દરેક તત્વ માટે ઓળખકર્તાઓને બનાવવા ટાળવા આવશે, અથવા શૈલીઓ અને વર્ગો વિવિધ ઉપયોગ પર દેખરેખ રાખવાની છે.

સીએસએસ - માત્ર કે શૈલી ટેગ મારફતે કડી ટેગ મારફતે પાનાં પર જોડાયેલ અથવા તેને દાખલ કરવામાં આવે છે એક શૈલી ફાઇલ છે. તે પણ એક અસ્તિત્વમાંના ફ્લાય પર એક શૈલી બનાવવા અથવા સુધારવા માટે શક્ય છે.

સીએસએસ વાપરીને, ફોન્ટ રંગ પ્રોગ્રામ કરી શકાય છે. તેમજ કદ અને સ્થિતિ, માર્જિન તરીકે. વેબસાઈટ - CSS, HTML, PHP અથવા JavaScript અસરો ફ્લેશ જ્ઞાન લાગુ કરવા માટે એક ધ્યેય નથી.

વેબ સાધન - તમામ માહિતી એક નિશ્ચિત રીતે ઓફર પ્રથમ છે. એટલા માટે સીએસએસ શ્રેષ્ઠ, તે કેવી રીતે શક્ય છે રચવા માટે લેન્સ મારફતે ગતિશીલતા જોવા મળે છે પાનું સર્વર પર હજુ પણ છે જ્યારે, ઇચ્છિત સ્ટાઇલશીટ (તે સમયે ઉપલબ્ધ PHP જ્યારે સાઇટ મુલાકાતી આવ્યા ત્યારે તેમણે સાઇટ વિકસી રહી હતી ન વિકાસકર્તા નથી) ચોક્કસ લખાણ સંબંધિત સામગ્રી માટે, અથવા, એક શૈલી વર્ગ અથવા પૃષ્ઠ તરીકે ફ્લાય પર ઓળખકર્તા કામ કરે છે બનાવવા માટે, જ્યારે તે ચોક્કસ મુલાકાતી પર દેખાય છે.

સ્થિર ગતિશીલતા

પૂરતો સામગ્રી - અમે હંમેશા ગતિશીલ સામગ્રી અને તેની ડિઝાઇન બનાવવા માટે આધુનિક શોધ જાવાસ્ક્રિપ્ટ કોડ લખવું જોઈએ. ક્યારેક તે યોગ્ય ઉપલબ્ધ તકો ઉપયોગ કરવા માટે પર્યાપ્ત છે. ખાસ કરીને, શરૂઆતમાં સ્થિર શાસન વ્યાખ્યાયિત સીએસએસ ફૉન્ટ રંગ દ્વારા, તમે આ નિયમ (છુપાયેલ) છુપાવી અને વિઝ્યુઅલાઈઝ અલગ (દ્રશ્યમાન) કરી શકો છો.

અહીં, વક્તા અલ્ગોરિધમનો જરૂર નથી:

// વેબસાઇટ પર ઇનપુટ બટન પ્રકાશિત કરવા માટે
કાર્ય scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'દૃશ્યમાન' .;
}

// વેબસાઇટ પર ઇનપુટ બટન છુપાવવા
કાર્ય કરી scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'છુપાયેલા' .;
}

ટીકર્સ, પારદર્શક તત્વો, વિવિધ embodiments ઓવરલે, ડિસ્પ્લે, રંગો લુપ્ત: સીએસએસ પોતાના ગતિશીલતા આપે છે. CSS માં, ફોન્ટ રંગ પણ છે કે જેથી કોઈ એક શૈલીયુક્ત નિયમ પૂરી પાડવામાં ન આવે કરી શકાય છે.

ગતિશીલ સામગ્રી પ્રદર્શન

જો ત્યાં કોઈ અંધવિશ્વાસ હતા, કદાચ ત્યાં કોઈ પ્રગતિ થશે. જસ્ટ નથી તે શું લડવા સમાન હતું. હાઇપરટેક્સ્ટ દુનિયામાં માન્યતામાં ઘણો લાવ્યા. તે તેમને ધ્યાન આપવાની અને વ્યવહારિક અને વ્યવહારુ શૈલીમાં સાઇટ્સ વિકાસ શરૂ કરવા માટે સમય છે.

શરૂઆતમાં, ત્યાં એક પૃષ્ઠ (પી), તમારી સામગ્રી (K) ના કેટલાક પૃષ્ઠની બધા ટૅગ્સ સ્ટાઇલ શીટ (ઓ) માં વર્ણવવામાં આવે છે. PHP, અથવા પર્લ મારફતે નથી એક નવું સ્વરૂપ પી પાનું ડેટાબેઝમાંથી K પસંદ કરીને સર્વર પર. વર્તમાન શૈલી શીટ એસ આપોઆપ અનુસરશે. જોકે, કેવલી બદલી શકાય છે, અને મોટા ભાગના કિસ્સાઓમાં, જેમ કે પરિવર્તન અન્ય શૈલીઓ માટે જરૂરિયાત, એટલે કે s + ઉદભવશે.

ઉદાહરણ તરીકે, ગ્રાહક જણાવ્યું હતું કે: "સાઇટ વર્ણવે મોસ્કોના જીવન, સારી દેખાશે સમાચાર લેખો શૈલીમાં સજાવવામાં આવે છે જો" ZaZavtrakom ", શૈલીમાં રાત ખળભળાટ વર્ણવતા" લાસ વેગાસ "અને શૈલીમાં વૈજ્ઞાનિક અને ટેકનોલોજીકલ પ્રગતિ પર લેખો" ModernTehno ' ". પરંતુ જો આપણે આ વિકલ્પો ત્રણ પર એસ કરો, ત્યાં કોઈ ગેરેંટી નથી કે ગ્રાહક વિચાર લેખો સમૂહ "સમાચાર", "રજા", "કામ», «સીએસએસ HTML /» બોનસ "HozyaykeNaZametku" ધરાવે છે કરવાની જરૂર નથી છે.

બીજો અભિગમ વધુ વ્યવહારુ. લેખ શ્રેણી અનુલક્ષીને ત્યાં હંમેશા સામગ્રી કે જે ચોક્કસ રંગ માં દોરવામાં કરી શકાય છે. અહીં આ જગ્યાએ ત્યાં તદ્દન સંવેદન વિચાર છે: ચોક્કસ K મેળવવા માટે, હજુ પણ સર્વર પર પૂરતો એસ પેદા કરવા, અને તેણે બ્રાઉઝર પી જરૂર પડશે, તે યોગ્ય ક્લિઅરન્સ અધિકાર સામગ્રી મળશે.

જાવાસ્ક્રિપ્ટ ગતિશાસ્ત્ર શૈલી

લઘુતમ, જો કે ખૂબ જ અસરકારક ઉકેલ - સ્ટાઇલ સીધા ક્લાઈન્ટ બ્રાઉઝર કરવું. પ્રથમ, તે સર્વર થવાય - હાઇપરટેક્સ્ટ પેજીસ અને તે માટે શૈલી ફાઇલો રચના પર સમય પસાર કરવા માટે હશે નહીં.

તેઓ હજુ પણ જથ્થાબંધ સામગ્રી દેખાતો નથી, તેથી તેમણે સતત અને વિચારશીલ માહિતી આઉટપુટ ગમશે: બીજું, બ્રાઉઝર અંદર સમય કુદરતી કચરો અસર તે પૃષ્ઠ વ્યાપાર દ્વારા કબજો કરવામાં આવે છે અને સક્રિયપણે મુલાકાતી સાથે સંવાદ આધાર બનાવશે.

ત્રીજું, તે વિકાસકર્તા આ શૈલીમાં સામગ્રી, જેમાં તેમણે આરામદાયક છે મુલાકાતી પદ્ધતિ પૂરી પાડવા માટે પરવાનગી આપે છે. તે પણ કોઈની નથી.

આ વિચાર અમલમાં મૂકવા માટે, તમે અને પછી તરત પાનું લોડ શૈલી તત્વો બનાવવા માટે એક પદ્ધતિ અમલમાં જરૂર છે, તેના ઓપરેશન દરમિયાન. આધુનિક સાઇટ - તે ચોક્કસ સ્વરૂપમાં એજેક્સ છે. તે પાનું વૃક્ષની રચનાની પ્રક્રિયામાં સીધી શૈલીઓ રચના હાથ ધરવા માટે મુશ્કેલ નથી. તે સરળ સસ્તું અને અસરકારક છે કારણ કે સામગ્રી તેમના નોંધણી સાથે છે.

આ પ્રક્રિયા માહિતી પર કરવામાં આવે છે અને ડિસ્પ્લેમાં છોડીને પાસેથી માહિતી પ્રસ્તુતિ અલગ આધુનિક વલણ વિરોધાભાસી નથી.

સક્રિય ઘટક તરીકે સીએસએસ

હાઇપરટેક્સ્ટ સારા ઘણો લાવ્યા, પરંતુ માત્ર કુદરતી માહિતી એક નાની અપૂર્ણાંક સફળતાપૂર્વક ઔપચારિક હતી, ત્યાં સાધનો અને ઉચ્ચ ગુણવત્તા એચટીએમએલ, એક્સએમએલ, સીએસએસ દસ્તાવેજો બનાવીને અનુભવ હતા. કોઇ સમસ્યા નથી માહિતી નવા વોલ્યુમો રચનાની અને પહેલેથી અગાઉ કરવામાં બદલો.

સીએસએસ આદર સાથે, આ પ્રક્રિયા સંપૂર્ણપણે અલગ સંદર્ભમાં સક્રિય છે. JavaScript માં બિલ્ટ-ઇન સાધનો, "ફ્લાય પર" સમર્થનકારી તત્વો અને ઘટકો શૈલીઓ જેમ કે એક શક્યતા અપેક્ષા ન હતી બનાવવા માટે, અને PHP નિર્માતાઓ ખાસ કરીને, માત્ર HTML પૃષ્ઠો રચના રોકાયેલા માનવામાં આવે છે.

બંને પ્રથમ અને બીજા પ્રોગ્રામિંગ શૈલીઓ કરવું પરવાનગી આપે છે. માહિતી ટેકનોલોજી ક્ષેત્રમાં આ નવી દિશા. શૈલીઓ XML અથવા HTML કરતાં નોંધપાત્ર રીતે વધુ ઔપચારિક વસ્તુ, નિયમો ખૂબ જ સરળ હોય છે. પ્રકાર હંમેશા માહિતી હાજર હતા, પછી ભલે તે કેવી રીતે કુદરતી હતો.

નોંધણી ડેટાબેઝ પ્રોગ્રામરો વધુ ઔપચારિક ક્ષેત્રોમાં હંમેશા વ્યસ્ત છે, પરંતુ સીએસએસ થીમ - એક ખૂબ જ સરળ કાર્ય છે, પરંતુ કોઈક વિકાસ પ્રક્રિયા દૃશ્ય ક્ષેત્રમાં વિચાર ન હતી.

પ્રોગ્રામિંગ ક્ષેત્રમાં માન્યતામાં પર

એક તરતો બરફનો પહાડ જેમ, અંધવિશ્વાસ લાંબા વિશાળ માહિતી છાલના ફેલાવાની ઢબ કરી શકો છો. ભૂતકાળના અનુભવ માત્ર HTML- અને CSS-ધોરણો, સાધનો તેમની સાથે કામ કરવા માટે, જ્ઞાન વિકાસકર્તાઓ ધ્યાન કેન્દ્રિત કરવા માટે હતી.

એક સરળ કાર્ય - સીએસએસ ફૉન્ટ રંગ દ્વારા બનાવવા માટે - આદર્શ ઉકેલ મળી છે. નિયમો, વાક્યરચના, તર્ક અને આરામ નિર્વિવાદ છે. પણ જ્યારે ફોન્ટ ખરેખર નથી, પ્રથા માટે રંગો ઘણો હોય ખૂબ વાસ્તવિકતા વર્ચ્યુઅલાઇઝેશન હેતુ બધા સંચિત "બળ» HTML અને CSS જરૂર નથી માટે જરૂરી નથી, અને ખરેખર, એક સમય આવે છે જ્યારે પરિસ્થિતીની જ્ઞાન પર જાઓ પુનઃઉત્પાદન અને પ્રદર્શિત અનુભવ અને સામગ્રી શૈલીઓ કુદરતી રચના સાધનો.

આ કેવી રીતે હશે, તે સંપૂર્ણ રીતે સ્પષ્ટ ન હોઈ શકે, પણ આ પ્રક્રિયામાં દેખીતી રીતે માર્ગ હેઠળ પહેલેથી જ છે કે જે.