>> [સંગીત વગાડવાનો]
>> ડો LLOYD: તેથી આપણે વધુ એક લેવા દો વિડિઓ વધુ એક ભાષા વિશે વાત કરવા માટે.
અમે સીએસએસ વિશે વાત કરીશું આ સમય.
માટે ટૂંકા હોય છે, જે તેથી સીએસએસ, સ્ટાઇલ શીટ્સ કેસ્કેડીંગ,
અમે ઉપયોગ અન્ય ભાષા છે વેબસાઇટ્સ નિર્માણ કરે છે.
આ જેમ તે વિશે વિચારો.
HTML અમે આયોજન કરવા માટે ઉપયોગ શું છે, તો અમે અમારા પૃષ્ઠ પર મૂકેલ સામગ્રી,
સીએસએસ અમે સામાન્ય રીતે ઉપયોગ કરે છે સાધન છે અમારા વેબસાઇટ્સ જુઓ કે કેવી રીતે કસ્ટમાઇઝ કરવા માટે,
અને કેવી રીતે વપરાશકર્તા અનુભવ ખરેખર અમારી વેબસાઇટ સાથે સંપર્કમાં આવવાની છે.
>> HTML માં સમાન, સીએસએસ છે નથી એક પ્રોગ્રામિંગ ભાષા.
તે તર્ક નથી.
તે ચલો નથી.
તે કોઇ પણ પ્રકારની નથી સી કરે છે કે જે સંબંધિત વસ્તુઓ પ્રવાહ.
તે એક સ્ટાઇલ ભાષા છે.
અને તેના વાક્યરચના ખૂબ છે સરળ છે, અને માત્ર વર્ણવે છે
કેવી રીતે તત્વો અમારી પાનું ચોક્કસ HTML છે
તત્વો સુધારવામાં આવવી જોઈએ.
તે માટે, જો તમે ન હોય હજુ સુધી, HTML પર અમારા વિડિઓ જોઈ
અથવા સાથે પરિચિત નહિં હોય HTML સામાન્ય રીતે, તમે
કે પર એક નજર કરી શકો છો સીએસએસ પ્રથમ, કારણ કે આ ચર્ચા
પર આધાર રાખે છે રહ્યું છે HTML ની ​​કેટલીક જ્ઞાન.
>> તેથી અહીં ખરેખર છે સરળ સીએસએસ સ્ટાઇલશીટ.
તમે ક્યારેય કર્યું હોય તો પણ પહેલાં સીએસએસ સાથે પ્રોગ્રામ છે,
તમે બહાર આકૃતિ કરી શકો છો હું ખૂબ ખાતરી છું આ શૈલી નથી બરાબર છે.
તે શું કરે છે?
વેલ, અમારા વેબ શરીર પર લાગુ શરીર ટૅગ્સ વચ્ચે પાનું, બધું
અમારા એચટીએમએલ પર, અને તે સુયોજિત કરે છે વાદળી પેજમાં ઓફ પૃષ્ઠભૂમિ રંગ.
વેલ, તે ખૂબ જ સરળ શૈલી છે.
તે ખરેખર ખૂબ જ માનવ છે મૈત્રીપૂર્ણ ભાષા, સીએસએસ.
તેથી જો તમે તે પહેલાં ક્યારેય ઉપયોગ કર્યો છે તો પણ તમે કદાચ કે શું ધારી શકે છે.
હકીકતમાં, તો અમે એક પાનું છે, જ્યાં લોડ આ શૈલી, કોઈક એમ્બેડ કરવામાં આવી હતી
અમારા પાનું પૃષ્ઠભૂમિ રંગ કરશે વાદળી, અને પ્રમાણભૂત સફેદ નહિ.
>> તેથી અમે કેવી રીતે સ્ટાઇલશીટ્સ બીલ્ડ કરી શકું?
વેલ પ્રથમ, અમે છે એક પસંદગીકાર ઓળખે છે.
છેલ્લા ઉદાહરણમાં, કે પસંદગીકાર શરીર કરતો હતો.
પછી અમે એક ખુલ્લું છે સર્પાકાર તાણવું, અને અમે છો
વ્યાખ્યાયિત શરૂ કરવા જઇ કે પસંદગીકાર માટે સ્ટાઇલશીટ.
સર્પાકાર કૌંસ વચ્ચે, અમે માત્ર કી કિંમત જોડીઓને યાદી હોય છે.
અગાઉના કિંમતની જોડી હતી પૃષ્ઠભૂમિ રંગ વાદળી અર્ધવિરામ,
પરંતુ અમે આ વધુ અને વધુ શું કરી શકે છે.
તમે ઘણી વસ્તુઓ અરજી કરી શકે છે કે ટેગ, કે પસંદગીકાર શરીર.
તેમને દરેક એક દ્વારા અલગ કરવામાં આવે છે અર્ધવિરામ, અને અમે તેમને દરેક એક કૉલ
ઘોષણા, એક સીએસએસ ઘોષણા.
અમે તમામ સ્ટાઇલ અમે પૂર્ણ કરી લીધું છે કે જે ચોક્કસ ટેગ પર લાગુ કરવા માંગો છો,
અમે માત્ર એક બંધ સર્પાકાર છે સ્ટાઇલશીટ અંત તાણવું,
અને અમે શૈલી વ્યાખ્યાયિત પૂર્ણ કરી રહ્યાં છો કે જે ચોક્કસ પસંદગીકાર છે.
>> કેટલાક સામાન્ય સીએસએસ ગુણધર્મો શું છે?
વેલ, કદાચ તમે મૂકેલ કંઈક આસપાસ સરહદ.
તમે કહી શકો છો, જેથી સરહદ, કે જે તમારી કી હોઇ શકે છે,
અને પછી તમારા મૂલ્યો હશે, શું શૈલી, રંગ, અને પહોળાઈ
તમે તેને કરવા માંગો છો.
તેથી શૈલી એક ઘન હોઈ શકે છે રેખા, એક ડોટેડ વાક્ય, એક રેખાઓ લાઇન,
ઊંચુંનીચું થતું વાક્ય હશે, જે એક રિજ વાક્ય.
કદાચ તમે તેને હોય માંગો છો વાદળી અથવા કાળી અથવા લીલા હોય છે.
કદાચ તમે તેને કરવા માંગો છો 1 અથવા 2 અથવા 10 પિક્સેલ્સ વિશાળ.
તમે તે બધું સ્પષ્ટ કરી શકો છો.
કદાચ તમે પૃષ્ઠભૂમિ સેટ કરવા માંગો છો ચોક્કસ રીતે તમારા પાનું રંગ.
અમે પહેલાથી જ સુયોજિત છે, તે જોયું શરીરના પૃષ્ઠભૂમિ વાદળી હોય છે.
>> પછી તમે એક કી શબ્દ ઉપયોગ કરી શકો છો તેથી સીએસએસ ચોક્કસ રંગો છે
કે, તેને લીલો, વાદળી બાંધવામાં આવે છે બ્લેક, આપણે જાણીએ છીએ કે ખૂબ જ સરળ રંગો.
પરંતુ તમે પણ સ્પષ્ટ કરી શકો છો તમે ઇચ્છો કે હેક્સ રંગ.
રંગો ઓળખી શકાય છે કે રિકોલ ત્રણ હેક્સ નંબરો સમૂહ દ્વારા
0 થી 255, રોહિત અને બી, માટે લાલ, લીલો, વાદળી અને ઘટક.
અને તેથી અમે સ્પષ્ટ કરી શકો છો આપણે ઇચ્છો તે કોઇપણ રંગ,
તેના બદલે વાદળી અથવા લીલા અથવા બ્લેક ઉપયોગ, પાઉન્ડ ઉપયોગ કરીને અને હેક્સ પછી છ અંકો
અને તે અમને આપશે છ US સ્થાન રંગ.
તેથી તે પૃષ્ઠભૂમિ રંગ છે.
>> અમે પણ અગ્રભૂમિ છે સામાન્ય રીતે જે રંગ,
તમારા પૃષ્ઠ લખાણ હોઈ ચાલે.
અને તમે એ જ રીતે કરી શકે કી શબ્દ અને અથવા છ અંક hex સાથે.
તેથી જો તમે કોઈપણ રંગ સ્પષ્ટ કરી શકો છો તમે તમારા પૃષ્ઠ લખાણ માટે કરવા માંગો છો
ચોક્કસ સામે પૃષ્ઠભૂમિ રંગ, ઉપર ઉપર.
તમે પણ બદલવા અને વ્યવહાર કરી શકો છો ફોન્ટ, અને જે રીતે લખાણ સાથે
આ પાનાં પર રેન્ડર છે.
>> તેથી જો તમે તમારી ફોન્ટ માપ બદલી શકો છો.
તમે જેમ કે વધારાની તરીકે કી શબ્દો ઉપયોગ કરી શકો છો વિશેષ નાના, અથવા નાના XX, અથવા મધ્યમ,
મોટા, અને તેથી પર.
તમે નિશ્ચિત બિંદુઓ ઉપયોગ કરી શકો છો, 10 બિંદુ, 12 પોઇન્ટ, અને તેથી પર.
તમે, ટકાવારી, 80%, 20% ઉપયોગ કરી શકો છો જ્યાં 100% મૂળભૂત ફોન્ટ છે
સામાન્ય રીતે ચાલે છે જે કદ, 11 અથવા 12 પોઈન્ટ કંઈક છે.
અથવા તમે પણ તેને બંધ આધાર કરી શકો છો સૌથી વધુ તાજેતરના ફોન્ટ માપ છે.
તમે માત્ર કંઈક લખ્યું હતું અને તમે જાણો છો, તો તે નાના પ્રયત્ન કરવા માટે તમે શું કરવા માંગો છો છે,
પરંતુ તમને ખબર નથી બરાબર શું માપ તમે તે હોઈ શકે છે, સાથે સાથે, તમે માત્ર કહી શકો છો માંગો છો,
ફોન્ટ કદ નાના.
અને તે બંધ આધાર કરશે માત્ર ઉપર, તે ફોન્ટ માપ છે.
અને તમે નાના અથવા મોટા મેળવી શકો છો.
તેથી વિવિધ ઘણો છે માર્ગો ફોન્ટ માપ સ્પષ્ટ કરવા માટે.
>> તમે પણ શું સ્પષ્ટ કરી શકો છો તમે કરવા માંગો છો ફોન્ટ કુટુંબ.
જો તમે ચોક્કસ હોય તો નામ, એક રીત છે CSS--
અમે તે વિશે વાત નથી જઈ રહ્યાં છો અહીં એક ખૂબ ચોક્કસ ફોન્ટ વ્યાખ્યાયિત કરવા માટે
અને તમારા પૃષ્ઠ માં એમ્બેડ કરો.
તમે પણ સામાન્ય નામો વાપરી શકો છો.
વેબ સુરક્ષિત ફોન્ટ્સ ઘણો છે કે CSS પૂર્વ નિર્ધારિત કરવામાં આવે છે.
અને Microsoft ના વપરાશકર્તા હોય તો છેલ્લા 20 વર્ષમાં ઓફિસ,
તમે કદાચ સાથે પરિચિત છો આ વેબ સુરક્ષિત ફોન્ટ્સ ઘણો
પહેલેથી જ ટાઇમ્સ ન્યૂ રોમન, એરિયલ, , નવું, જ્યોર્જિયા, Tahoma, વરદાના કુરિયર
અને તેથી પર.
તે બધા વેબ સુરક્ષિત ફોન્ટ્સ ગણવામાં આવે છે.
આ અને ખરેખર, ભાગ કારણ કે તેઓ હોઈ આવ્યા
દરેક પાનું web-- બનાવવા માટે વાપરી શકાય હતી આ મૂળભૂત ઍક્સેસ ફોન્ટ્સ કરી હતી
વિવિધ serifs, અને આ બધા સાથે અમે માં મળશે નહીં ફોન્ટ સામગ્રી,
પરંતુ આ સામાન્ય રીતે છે તમારા સીએસએસ સુલભ,
જો તમે ન કરો તો પણ અન્યથા ફોન્ટ વ્યાખ્યાયિત કરે છે.
છેલ્લે, તમે તમારા લખાણ align કરી શકો છો, તે હોવા બદલે, મૂળભૂત રીતે ગોઠવાયેલ છે,
ડાબી, તમે કરી શકે જમણી તે align,
અથવા તમે તેને કેન્દ્રિત align, અથવા કરી શકે છે તે બંને માર્જિન હિટ કે જેથી વાજબી.
તે જેથી તમે ઉપયોગ કરી શકો છો બધા વિકલ્પો છે તમારા લખાણ જેમ દેખાય છે તે બદલવા માટે,
અને તે તમારા પૃષ્ઠ પર કેવી રીતે દર્શાવવામાં આવ્યું છે.
>> તમારી પસંદગીકારો નથી ટૅગ્સ માત્ર હોય છે.
અમે અગાઉ શરીર ટેગ જોયું પસંદગીકાર અને ટેગ પસંદગીકાર
કે જે હમણાં જ લાગતું નથી.
તમે તો પછી તમે એક ટેગ નામ, અને કે ટેગ માટે શૈલી વ્યાખ્યાયિત કરે છે.
પરંતુ તમે પણ કંઈક કરી શકો છો એક ID પસંદગીકાર તરીકે ઓળખાય છે.
એક ID પસંદગીકાર ખૂબ સમાન દેખાય છે.
પરંતુ હવે હું ઉપયોગ કરું છું કે નોટિસ એક HTML ટેગ, હું આ કિસ્સામાં, ઉપયોગ કરું છું
#unique, અથવા અનન્ય હેશ.
તમે યાદ તો અમારા એચટીએમએલ પર વિડિઓ, અમે વાત
ટૅગ્સ લક્ષણો હોઈ શકે છે કેવી રીતે વિશે.
>> અને એક લક્ષણ છે કે લાગુ પડે છે ખૂબ ખૂબ બધા HTML ટૅગ્સ,
પરંતુ અમે તે વિશે વાત કરી ન હતી, એક ID ટેગ કહેવાય કંઈક છે.
તેથી આ ચોક્કસ સીએસએસ કરશે માત્ર છે કે HTML ટૅગ પર લાગુ
એક ખૂબ ચોક્કસ ID ને, તમે નામ આપવામાં આવ્યું કર્યું છે.
તમે ક્યાંક હોય તો તમારો કોડ માં, ક્યાંક
તમારા HTML ફાઇલ, ટૅગ અને તમે કે ટેગ કરવા માટે એક લક્ષણ તરીકે સ્પષ્ટ
ને, આ અનન્ય બરાબર ખાસ સ્ટાઇલશીટ
અહીં માત્ર વચ્ચે લાગુ પડશે અનન્ય ID ને સાથે ટૅગ.
>> તમે પણ કંઈક કરી શકો છો એક વર્ગ પસંદગીકાર તરીકે ઓળખાય છે.
કર્યા ઉપરાંત તેથી આઈડી તમે પણ કરી શકો છો, લક્ષણો
એચટીએમએલ ટૅગ્સ માટે વર્ગ લક્ષણ ઉમેરો.
અને જો તમે એક વર્ગ લક્ષણ ઉપયોગ કરો છો ત્યારે, તે ઘણી ટૅગ્સ લાગુ કરી શકાય છે.
તેથી જો તમે અનેક વસ્તુઓ હોય, તો તે , કદાચ તમે કહી સમાન માંગો છો,
ઓપન ટેગ મૂર્ખામી ભરેલી વાહિયાત વાત, મૂર્ખામી ભરેલી વાહિયાત વાત, મૂર્ખામી ભરેલી વાહિયાત વાત, મૂર્ખામી ભરેલી વાહિયાત વાત, વર્ગ વિદ્યાર્થીઓ સમકક્ષ હોય છે.
અને પછી આ ચોક્કસ સ્ટાઇલશીટ લાગુ પડે છે
જેના વર્ગ દરેક ટેગ વિદ્યાર્થી છે.
આ કિસ્સામાં, અમે સેટ કરશો પીળા પૃષ્ઠભૂમિ રંગ,
અને અમે અસ્પષ્ટ સુયોજિત છો કે જે અમે વિશે વાત કરી ન હતી ટેગ છે,
પરંતુ માત્ર કેવી રીતે પારદર્શક સાથે વહેવાર કંઈક આ કિસ્સામાં, 70% છે.
>> માટે બે વિકલ્પો છે લેખન સ્ટાઈલશીટો.
તમે તેમને લખી શકો છો સીધા તમારા HTML માં
સ્ટાઇલશીટ્સ મૂકીને શૈલી ટૅગ્સ વચ્ચે.
અને તે શૈલી ટૅગ્સ અંદર જાઓ તમારા વેબ પાનું વડા ટૅગ્સ.
આ કદાચ એક કરતા વધુ મનપસંદ રીતે કરવા માટે તે એક અલગ સીએસએસ ફાઇલ લખી છે,
અને પછી તેને લિંક તમારા લિંક ટૅગ્સ ઉપયોગ દસ્તાવેજ.
કડી ટૅગ્સ, ફરી, છે હાયપરલિંક્સ અલગ છે,
તમે અમારી વિડિઓ માંથી એક HTML યાદ તો.
અને લિંક ટૅગ્સ કેવી રીતે અમે અલગ ફાઈલોમાં ખેંચો.
તે પ્રકારના સમકક્ષ જેવા વેબ પ્રોગ્રામિંગ માટે # સમાવેશ થાય છે.
>> તેથી આપણે table.HTML પર એક નજર કરીએ.
તમે યાદ તો અમારા એચટીએમએલ વિડિઓ, હું દર્શાવ્યું
ખૂબ જ એક ઉદાહરણ સરળ ગુણાકાર
ખૂબ જોવામાં કે ટેબલ નીચ, અને કદાચ ત્યાં
માર્ગ સાથે તે વધુ સારું બનાવવા માટે સીએસએસ, તે ખરેખર દેખાવ બનાવવા માટે
ગુણાકાર જેમ વધુ ટેબલ, અથવા કંઈક
કે જે હમણાં જ એક સાથે અટકી નથી કોઈ વાસ્તવિક વિભાગ સાથે
પંક્તિઓ અને કૉલમ્સ વચ્ચે.
તેથી આપણે પર વડા દો CS50 IDE, અને એક નજર
સીએસએસ, પ્રકારની, જઈ શકો છો કેવી રીતે અમે શું પહેલાં શરૂ કર્યું,
અને તે ઘણો વધુ સારી રીતે કંઈક બનાવે છે.
>> તેથી અમે CS50 IDE છો હવે, અને અજાણ્યા હોય તો,
અમે આ અપ ખેંચવાનો પડશે ટેબલ HTML પાનામાં છે.
Table.HTML મૂળભૂત માત્ર સમાવિષ્ટો વ્યાખ્યાયિત
એક multiple-- તે હોઈ રહેવા આવી હતી ચાર ચાર ગુણાકાર કોષ્ટક.
તે ખૂબ સરળ છે.
અને અમે તેને લાગે છે કે કરશે ખૂબ સારી રીતે આયોજન જુઓ.
પરંતુ હકીકતમાં, અમે આ પાનું પૂર્વાવલોકન, ત્યારે અમે તે પ્રકારની નીચ, અધિકાર છે કે નહીં તે જોવા?
સ્પષ્ટ રીતે આપણે અહીં પંક્તિઓ અને કૉલમ્સ છે.
ત્યાં અલગ અમુક પ્રકારના.
પરંતુ તે એક અર્થપૂર્ણ અલગ નથી.
અમે ખરેખર ન મળી રહ્યા અહીં ખૂબ માહિતી.
વચ્ચે કોઈ અલગ છે દ્રષ્ટિએ પંક્તિઓ અને કૉલમ્સ
આડી અથવા વર્ટિકલ નિયમો.
અમે કદાચ આ કરી શકે છે વધુ સારી રીતે થોડો જુઓ.
તેથી આપણે પ્રયાસ કરીએ.
તેથી હું અહીં આ ટેબ બંધ જાઉં છું.
હું અને મારા table.HTML બંધ જાઉં છું અને હું અહીં અન્ય આવૃત્તિ છે
table2.HTML કહેવાય છે.
અમે જે ખોલવા પડશે.
આ પાનું શરીર છે ખૂબ ખૂબ જ,
પરંતુ હું બદલ્યું એક ટોચ પર થોડુંક.
અને હું અહીં સુધી સ્ક્રોલ પડશે.
હું છું, કે આ સમય નોટિસ જડિત શૈલી ટૅગ્સ ઉપયોગ કરે છે.
હું એક શૈલી ટેગ ખોલી છે, અને હું હવે છું માત્ર અંદર એક સીએસએસ સ્ટાઇલશીટ વ્યાખ્યાયિત
તે.
હું ટેબલ કહે છે કે એક શૈલી હોય છે.
તે મારા ટેગ પસંદગીકાર છે.
હું કોઈ અથવા હેશ ઉપયોગ ન છું, જે હું તો કરી આવશે
એક ID અથવા વર્ગ પસંદગીકાર ઉપયોગ કરવામાં આવ્યો હતો.
હું એક ટેગ પસંદગીકાર અહીં ટેબલ છે.
આ શૈલી રહ્યું છે દરેક ટેબલ ટેગ લાગુ પડે છે.
દેખીતી રીતે હું એક મૂકેલ વિશાળ પિક્સેલ, ઘન વાદળી સરહદ,
મારા ટેબલ પર આધારિત છે.
કે જેમ તે કદાચ કરશે લાગે અધિકાર, પરિસ્થિતિ મદદ?
અમે હોય રહ્યા છીએ વસ્તુઓ ઘણો વધુ સારી દેખાય છે.
તેથી આ દંડ છે.
Stylistically, હું હમણાં જ કર્યું અહીં મારા શૈલી એમ્બેડ.
તે ચોક્કસપણે છે તે કરવા સ્વીકાર્ય માર્ગ.
ચાલો આ જેમ દેખાય છે તે જોવા દો.
તેથી હું નીચે અહીં પાછા જાઓ, અને પડશે હું મારા table2.HTML પૂર્વાવલોકન કરશે પડશે.
ઠીક છે, કે હું શું કરવા માગે છે ખૂબ નથી પરંતુ તે અમે માટે પૂછવામાં બરાબર છે.
અમે આ શૈલીમાં જણાવ્યું હતું કે અમારા ટેબલ પર લાગુ પાડવાનું જઈ રહી છે.
અમારા ટેબલ હવે એક પિક્સેલ છે તેને આસપાસ વિશાળ, ઘન વાદળી સરહદ.
અમે ખરેખર ન મળી રહ્યા ટેબલ કોષો છે.
અમે હમણાં જ ટેબલ પર કરી રહ્યાં છે.
તેથી સીએસએસ કામ કર્યું હતું.
લાગુ છે અમારા ટેબલ શૈલી.
પરંતુ તદ્દન ન હતી શું અમે તે કરવા માગે છે.
અમે કરવા કઈ રીતે મેળવી શકું શું અમે તે કરવા માંગો છો?
>> ઠીક છે, ચાલો એક વધુ પર એક નજર કરીએ table3.HTML આ આવૃત્તિ.
તેથી હું માત્ર આ ટેબ્સ બંધ કરવા જઇ રહ્યો છું.
હું અહીં પર પાછા જાઓ જાઉં છું મારા વૃક્ષ ફાઇલ, અને table3.HTML ખોલો.
ફરીથી, તે ખૂબ જોવા જઈ રહ્યું છે અહીં શરૂઆતમાં સમાન.
પરંતુ નોટિસ, આ સમય, બદલે ઉપયોગ કરીને અધિકાર ત્યાં જડિત એક સ્ટાઇલશીટ,
હું એક લિંક જાઉં છું લિંક ટેગ ઉપયોગ કરીને શૈલી.
તેથી હું દેખીતી રીતે એ લિંક છું tables.CSS કહેવાય સ્ટાઇલશીટ,
અને એ જ બરાબર શૈલી માત્ર સારી means--
આ ફાઈલ સંબંધિત શું છે હું છું કે શૈલી છે doing-- છું
મારા પાનું માટે ઉપયોગ કરે છે.
હું ખરેખર શું છે તે જોવા માંગો છો, તો હું અહીં આ સીએસએસ સાથે કરી રહ્યો છું
મને લાગે છે કે ઓપન જવાની જરૂર table.CSS તેમજ ફાઇલ.
તેથી અમે અહીં પર પાછા જવા પડશે ફરીથી અમારી ફાઈલ વૃક્ષ છે.
Table.CSS છે.
અમે તે ઓપન પૉપ પડશે.
હવે અમે સીએસએસ એક ઓછી જોઈ રહ્યાં છો.
દેખીતી રીતે, હું એક દંપતિ છે વસ્તુઓ અહીં ચાલે.
હું દેખીતી રીતે પાંચ મૂકેલ વિશાળ પિક્સેલ, સોલિડ રેડ સરહદ,
મારા ટેબલ આસપાસ.
અમે પહેલાથી જ તે ચાલી રહ્યું છે ખબર છે કે માત્ર પરિમિતિ પર જાઓ.
અમે table2.HTML માં જોયું કે.
દરેક પંક્તિ સાથે, હું દેખીતી રીતે સ્પષ્ટ કરવા માંગો છો
કે પંક્તિ ઊંચાઈ 50 પિક્સેલ્સ ઊંચી છે.
તેથી, દરેક પંક્તિ માટે યાદ કે, TR ટેગ શું કરે છે
હું તે 50 પિક્સેલ્સ ઊંચા બનાવવા છું.
>> છેલ્લે, હું આ ટિપ્પણી છે.
અને આ અમે સીએસએસ ટિપ્પણીઓ કેવી રીતે છે.
તેને અવરોધિત જપ્ત કરવા માટે ખૂબ જ સમાન છે ટિપ્પણીઓ વાક્યરચના સ્લેશ સ્ટાર.
તમે ઇચ્છો બધા લખાણ.
કોઈ સ્લેશે સીએસએસ છતાં છે.
ટૂંકા ઇનલાઇન ટિપ્પણીઓ માટે, અમે છે અહીં આ ચોક્કસ બંધારણ વાપરવા માટે.
હું કરી રહ્યો છું એવું લાગે છે મારા ટીડી ટૅગ્સ વસ્તુઓ ઘણો.
ટીડી ટૅગ્સ, અથવા ટેબલ યાદ રાખો ખરેખર માત્ર છે કે જે માહિતી,
અંદર કૉલમ અમારા પંક્તિઓ, અને દેખીતી રીતે
માહિતી દરેક ભાગ માટે મારા ટેબલ, હું માંગો છો
પૃષ્ઠભૂમિ રંગ સુયોજિત કરવા માટે બ્લેક હોઇ શકે છે, રંગ, સફેદ કરવા
રંગ અગ્રભૂમિ રંગ છે.
તેથી આ હોઈ ચાલે છે મારા પાનાંની લખાણ.
હું મોટા ફોન્ટ, 22 માંગો છો ફોન્ટ નિર્દેશ, અને હું માંગો છો
તે ફોન્ટ કુટુંબ જ્યોર્જિયા હોય છે.
તેથી હું નથી જઈ રહ્યો છું મૂળભૂત ફોન્ટ છે.
હું જ્યોર્જિયા, સ્પષ્ટ કરવા માટે જઈ રહ્યો છું, જે તે વેબ સુરક્ષિત ફોન્ટ્સ એક છે
અમે પહેલાં જોઇ છે.
હું મારા લખાણ ગોઠવાયેલ કરવા માંગો છો કેન્દ્રિય બોક્સ મધ્યમાં,
હું તેને છોડી શકાય કરવા માંગો છો નથી ગોઠવાયેલ અથવા જમણે સંરેખિત.
અને હું મારી કૉલમ પહોળાઈ માંગો છો વિશાળ તેમજ 50 પિક્સેલ્સ હોય છે.
માતાનો પર એક નજર કરીએ આ જેમ દેખાય છે શું
આ કદાચ એક સુધારો છે અને જો જુઓ.
તેથી હું table3.HTML પર જવા માટે જઇ રહ્યો છું જે રિકોલ, એક લિંક તરીકે table.CSS સમાવેશ થાય છે
અને અમે તેને પૂર્વાવલોકન પડશે.
તે સાચું છે, ઘણો વધુ સારી છે?
આ વાસ્તવમાં એક નજર શરૂ થાય છે વધુ ગુણાકાર ટેબલ જેવી ઘણો.
મને લાગે છે કે લાલ સરહદ છે મારા ટેબલ આસપાસ પરંતુ હવે
હું પણ તે સ્પષ્ટ કરેલ છે દરેક પંક્તિ, 50 પિક્સેલ્સ વિશાળ છે
અથવા તે tall-- બહાનું 50 પિક્સેલ્સ me-- દરેક કૉલમ 50 પિક્સેલ્સ વિશાળ છે.
દરેક સ્તંભમાં માહિતી, અને માત્ર માહિતી, કાળા પૃષ્ઠભૂમિ ધરાવે છે.
તેથી કે શા માટે તે છે સફેદ રેખાઓ હોય છે.
જગ્યા, કારણ કે તે કોષો બધા વચ્ચે,
તે એક સરહદ નથી અને પોતે, તે માત્ર છે
હું માત્ર ભરતા છું કોષો, ખરેખર જે
ટેબલ ની સરહદો બનાવે છે કે જે દેખીતી રીતે, બધા સાથે તે અસ્તિત્વમાં હતી
માત્ર પાતળી સફેદ લીટીઓ હતી.
હવે તેઓ દૃશ્યમાન છો.
હવે તેઓ સ્ક્રીન પર બંધ પૉપ.
અને તેથી આ એક ખૂબ જ સરળ છે હું અરજી કરી છે કે સ્ટાઇલશીટ,
અને હવે મારી ટેબલ વધુ જેવા ઘણો લાગે છે ચાર ચાર દ્વારા ગુણાકાર ટેબલ,
તેના બદલે એક માત્ર jumbled વાસણ, જ્યાં બધું સ્પષ્ટ પંક્તિઓ અને કૉલમ્સ છે,
પરંતુ સુપર સારી રીતે આયોજન.
અમે ખરેખર માત્ર સપાટી ખંજવાળ કરી રહ્યાં છો તમે અહીં સીએસએસ સાથે શું કરી શકો.
સદનસીબે સીએસએસ દસ્તાવેજીકરણ ખૂબ સરળ છે.
તમે ઘણા ઉપયોગ કરશો તેના એકદમ વારંવાર શ્રેય.
અમે વિશે વાત કરી રાશિઓ અગાઉ આ વિડિઓ.
તમે તે ઘણા છે કદાચ બધા ઉપયોગ કરશે નહીં.
અને તે પણ દંડ છે.
પરંતુ માત્ર એક છે તે ખબર છે, ત્યાં ત્યાં બહાર દસ્તાવેજીકરણ ઘણો.
તેથી અમે બધું આવરી ન હતી તો પણ, તમે ચોક્કસપણે તમારા પોતાના પર છોડી નથી.
પરંતુ સીએસએસ ખરેખર મજા આવે છે સાથે પ્રયોગ કરવા.
અને હું ખૂબ તમે પ્રોત્સાહિત કરશે તમારા વેબ પાનાંઓ સાથે આસપાસ રમવા માટે
અને તમે તેમને કરી શકો છો જુઓ કે કેવી રીતે જુઓ અને વપરાશકર્તા સુધારવા માટે લાગે
તમારા પૃષ્ઠની મુલાકાત અનુભવ.
હું ડો લોયડ છું.
આ CS50 છે.