સીએસએસ-પસંદગીકાર, અને ફોર્મેટિંગ HTML-દસ્તાવેજ તેની ભૂમિકા

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

CSS માં પસંદગીકારો પ્રકારના

પર જે તત્વ HTML ફોર્મેટ લાગુ પડે છે તેના પર આધાર રાખીને, સીએસએસ-પસંદગીકાર નીચે પ્રમાણેના જુથોમાં સંબંધિત કરી શકો છો:

• ટેગ પસંદગીકાર;
• વર્ગ પસંદગીકાર;
• આઈડી-પસંદગીકાર;
• પસંદગીકાર એટ્રિબ્યૂટ.

ટેગ પસંદગીકાર

તે પણ "પ્રકાર પસંદગીકાર" અથવા "તત્વ" કહેવામાં આવે છે, તે સૌથી સરળ અને સામાન્ય છે. તેના સીએસએસ-દસ્તાવેજ HTML તરીકે ફાઇલ તત્વો, જે અમે વર્ણવે નામો છે. ઉદાહરણ તરીકે, જો આપણે ફકરો શૈલી સેટ કરવાની જરૂર છે, અમે ગુણધર્મો અને તત્વ પી {પૃષ્ઠભૂમિ માટે તેમના મૂલ્યોની સ્પષ્ટ: X; રંગ: વાય; કદ: z}. આ કિસ્સામાં, વેબ પૃષ્ઠ તમામ ફકરા જ બંધારણમાં હશે (પૃષ્ઠભૂમિ રંગ, ટેક્સ્ટ કદ, અને તેથી પર. ડી).

વર્ગ પસંદગીકાર

અને શું જો તમને જરૂર પૂછો તમારી દરેક ફકરો અન્ય શૈલીઓ અલગ છે? આ કરવા માટે, ત્યાં એક વર્ગ પસંદગીકાર છે.

p.first {રંગ: આ કિસ્સામાં સીએસએસ-દસ્તાવેજ નીચેના સ્વરૂપમાં દર્શાવેલાં પ્રવેશ રોકી રાખે છે એક્સ; ફોન્ટ કદ: વાય}. આમ, આપણે "રંગ" અને માત્ર પ્રથમ વર્ગ ફકરો માટે "કદ" ગુણધર્મો વ્યાખ્યાયિત કરે છે.

આ કિસ્સામાં એક એચટીએમએલ-દસ્તાવેજમાં શૈલી નામ પ્રથમ વર્ગ લક્ષણ દાખલ થયો હતો. વર્ગો શૈલી તમે વેબ પૃષ્ઠ ઘટકો માટે અરજી કરવા માંગો છો તેટલી હોઈ શકે છે.

પસંદગીકાર ID

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

પછી એક એચટીએમએલ-દસ્તાવેજ હેડર H1 ઓળખકર્તા, જેમ articlename સોંપણી. અને CSS ફાઇલ માં, શૈલી સ્પષ્ટ, ID નામ ગ્રિલ ઉમેરવા: #articlename {રંગ: વાદળી; text-align: કેન્દ્ર}. હવે અમારા હેડલાઇન રંગ વાદળી અને કેન્દ્રિત હશે.

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

પસંદગીકારો એટ્રિબ્યૂટ

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

• લક્ષણ હાજરી દ્વારા;
• તેના ચોક્કસ કિંમત છે;
• આંશિક લક્ષણ કિંમત દ્વારા;
• તેના ચોક્કસ કિંમત પર.

અમને આ પ્રજાતિઓ દરેક ધ્યાનમાં દો:

1. પ્રથમ કેસ. ફોર્મેટિંગ લાગુ પડે છે, એક ચોક્કસ લક્ષણ HTML કોડ જો હાજર (તે એક પી, div, હેડર, વગેરે હોઈ શકે છે). જો તે નથી, તે શૈલી ના બધા તત્વો માટે સામાન્ય ઉપયોગ કરે છે. ઉદાહરણ તરીકે, શીર્ષક કર્યા તત્વો માટે (ટૂલ ટીપ).
2. બીજા કિસ્સામાં. શૈલી માત્ર HTML તત્વો લક્ષણ મૂલ્યો ચોક્કસ મેચ હોય છે લાગુ પડે છે. ઉદાહરણ તરીકે, ઇનપુટ તત્વો છે, જ્યાં પ્રકાર લક્ષણનું મૂલ્ય સબમિટ બરાબર છે.
3. ત્રીજા કિસ્સામાં. બંધારણમાં હેઠળ મૂલ્યો યાદી ચોક્કસ શબ્દ છે કે વસ્તુઓ સમાવેશ થાય છે માત્ર કરશે. ઉદાહરણ તરીકે, સાઇડબારમાં લક્ષણ તત્વો div માટે "વર્ગ".
4. ચોથા કેસ. પ્રકાર માત્ર HTML-દસ્તાવેજ, જેની ખાસ લક્ષણ ચોક્કસ મૂલ્ય ધરાવે છે તે તત્વો માટે વ્યાખ્યાયિત કરી હતી અને તેની સાથે શરૂ થાય છે. ઉદાહરણ તરીકે, તમામ તત્વો સ્પષ્ટ રંગ ઉપયોગ જે ઇંગલિશ ભાષા લક્ષણ (બની શકે છે કે માર્કેટિંગ, en-Rus, en-ઑ અને ટી. ડી).

આમ, એક અથવા અન્ય, સીએસએસ પસંદગીકાર ઉપયોગ કરીને, શ્રેષ્ઠ સમગ્ર વેબ પૃષ્ઠ તરીકે ઉલ્લેખિત કરી શકાય છે અને તેના તત્વો કેટલાક વર્ણવે છે.