સીએસએસ બટન. લાભો. શૈલીઓ. સૌંદર્ય શાસ્ત્ર

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

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

શરુ કરવા માટે, મૂંઝવણ અને ગેરસમજ ટાળવા માટે, તે જરૂરી કેટલાક ખ્યાલો સમજવા માટે છે.

સીએસએસ છે જે

સીએસએસ, જે અનુવાદમાં "કાસ્કેડિંગ સ્ટાઇલ શીટ્સ" નો અર્થ, આજે ઇન્ટરનેટ પર મુખ્ય ટેકનોલોજી એક છે. આ ભાષા વિના ઓછામાં ઓછો એક સાઇટ ખર્ચ થવાની શક્યતા છે.

સીએસએસ કોડ - બ્રાઉઝર્સ જેમ કે પૃષ્ઠ પર જાઓ અને જ્યાં તે શું કરવું તે અંગે ડિસ્પ્લે એલિમેન્ટ્સ માહિતી સમાવી માટે માર્ગદર્શિકા.

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

સાઇટ પર બટન. શું છે

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

બટનો સ્થિર હોય, એનિમેટેડ, ગતિશીલ, ધ્વનિ અને તે વિના.

તેઓ ખાસ ઉદાહરણ માટે બનાવવામાં કરી શકાય છે, અને ફોટોશોપ અને સાઇટ પર એક છબી અપલોડ કરો, અને સરળતાથી અને ઝડપથી સીએસએસ તેમની સાથે આવે શકાય છે.

સીએસએસ બટનો

આ બટનો ખૂબ જ સરળ બનાવો. તેમના ઉપયોગ મહાન લાભ એ છે કે તેઓ કોઈપણ સમયે, ફક્ત સેકન્ડમાં એક દંપતિ, તમે માન્યતા બહાર બદલી શકે છે.

આપણે જાણીએ છીએ, ત્યાં ત્રણ મુખ્ય બિંદુઓ છે:

• આરામ જ્યારે તે સાથે કંઈ ન કરી, માત્ર પાનું બ્રાઉઝ છે;
• તે ઉપર કર્સર હોવર સ્થિતિ;
• અને સક્રિય હોય ત્યારે ક્લિક કર્યું છે.

સંપૂર્ણ બટનો ચોક્કસ ફાયરફોક્સ, સફારી, ઓપેરા, Chrome જેવા બ્રાઉઝર્સમાં પ્રદર્શિત કર્યા છે. Internet Explorer 9 માં જ સમયે, બટન સંપૂર્ણ પ્રદર્શિત કરવામાં આવશે નહીં. ઉદાહરણ તરીકે, ખૂણા રાઉન્ડ, લખાણ છાયા અને બટન આસપાસ સ્ટ્રોક અહીં દૃશ્યમાન હકીકત એ છે કે આ મિલકત આ બ્રાઉઝર દ્વારા સપોર્ટેડ નથી કારણે હશે. જો કે, સામાન્ય રીતે, આ સાઇટ માટે સીએસએસ-બટનો બ્રાઉઝરનાં આ સંસ્કરણમાં સારી દેખાય છે. ઈન્ટરનેટ એક્સપ્લોરર 8 અને બટન પર આઠમું નીચે અન્ય આવૃત્તિઓ દૃશ્યમાન વોલ્યુમ રહેશે નહીં, પરંતુ તે જ સમયે, ઘટકોમાં દેખાવને જાળવી રાખવાના ઉદ્દેશથી.

અમે છબીઓ અને CSS બટન સ્વરૂપમાં બટન તુલના કરો છો, તો તફાવત સર્વર પર જગ્યા સંપૂર્ણપણે અપ્રસ્તુત હશે. પરંતુ સીએસએસ બટન એ સર્વર પરની વિનંતીઓને સંખ્યા ઘટાડશે, પરંતુ તે એક છબી તરીકે બટન સરખામણીમાં સ્પષ્ટ લાભ થશે.

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

દરેક સ્થિતિ માટે તેના પોતાના શૈલી આપવામાં આવે છે. આ શૈલીઓનો એક ખાસ ફાઈલ સીએસએસ અથવા ખૂબ પાનામાં વડા ટૅગ્સ વચ્ચે લખવામાં આવે છે.

વેબસાઇટ પર એક બટન મૂકો

વચ્ચે શરીરના ટૅગ્સ લખવામાં કોડ:

જ્યાં

id = "BUTTON2" અહીં નામ બટન સોંપેલ છે,

href = http: // સાઇટ / લેખ / 175988 /% E2% 80% 9D% D0% 93% D0% 98% D0% 9f% D0% 95% D0% A0% D0% A1% D0% A1% D0% એબી % D0% 9b% D0% 9a% D0% 90% E2% 80% 9D ઇચ્છિત દસ્તાવેજ સીધી લિંક આપવામાં આવે છે,

ટેક્સ્ટ - પ્રિન્ટેડ ટેક્સ્ટ બટન પર પ્રદર્શિત કરવામાં આવશે.

બટનો માટે શૈલીઓ

1. સીએસએસ શૈલી બટન દસ્તાવેજ અથવા પૃષ્ઠમાં અલગ રેકોર્ડ છે:

2. પ્રથમ લેખિત સીએસએસ બટનો જ્યારે તેઓ બાકીના થાય છેઃ

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

4. અને છેલ્લા વિકલ્પ બટન સ્થિતિ તેના પર કર્સર દબાવવામાં આવે છે. ઘણીવાર આવા કિસ્સાઓમાં જેમ રંગ તરીકે માત્ર એક ન્યૂનતમ ફેરફાર, આ કિસ્સામાં કારણ કે, માં:

સીએસએસ - સુંદર બટનો

ઢોળાવ બનાવવા માટે, તમારે બટનો વાપરી શકો છો. તે શ્રેષ્ઠ છે આ પ્રકારનું પ્રથમ ફોટોશોપ કોઇ છબી સંપાદક, બટન દોરવા, જેથી તમે ચોકકસ શું તે અંત માં થાય છે. તમે ફોટોશોપ ઉપયોગ કરો છો, તો પછી તે શરૂઆતમાં પહેલાંથી જ કેટલાક ઘટકોમાં હોય છે, પરંતુ વધુમાં, તમે પ્રકારની તે સાઇટ પર વિચાર કરવા માંગો છો વધુ અને વધુ ડાઉનલોડ કરી શકો છો.

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

આ પરિમાણો છે:

- બટન પર લખાણ રંગ;

- લખાણ અને બટનો માપ;

- રંગ ઢોળાવ બટનો;

- બટનો ત્રિજ્યા ખૂણા;

- અને તેના સ્ટ્રોકના રંગ.

સખત શબ્દોમાં, તમે આ કરી શકો સુરક્ષિત, ભય વગર, પ્રયોગ અને શ્રેષ્ઠ વિકલ્પ પસંદ કરો. પરિમાણો નાની સંખ્યામાં હોવા છતાં, તમે તેમની શૈલી બટનો માં અત્યંત વૈવિધ્યપુર્ણ બનાવી શકો છો.