>> વક્તા: તે એચટીએમએલ નથી તારણ આપે છે કે તમે અંદર ઉપયોગ કરી શકો છો એક માત્ર ભાષા
આ વેબ પાનું.
તમે સીએસએસ કહેવાય છે તેની વાપરો, અથવા કરી શકો છો કેસ્કેડીંગ સ્ટાઇલ શીટ્સ, એ જ.
સીએસએસ તમે વધુ સ્પષ્ટ કરવા માટે પરવાનગી આપે છે વેબ ચોક્કસ સૌંદર્ય શાસ્ત્ર
દેખાવ અને કદ સહિત પાનું, અને રંગો અને ફૉન્ટ્સ અને ઘણું બધું.
દાખલા તરીકે, ચાલો એક વેબ પાનું બનાવી દો એક રજૂ કરે છે અહીં કહેવાય css0
જોન હાવર્ડ કહે છે, ઘર પાનું.
>> આ પાનાં પર, અમે પડશે જોન હાવર્ડ નામ આપો, હશે જે નીચે
તેના મુલાકાતીઓ માટે એક સરસ સંદેશ, નીચે જેની સાથે, એક ફૂટર હશે
, કેટલાક કૉપિરાઇટ છે.
આ કરવા માટે, ચાલો ત્રણ વિભાગોમાં વ્યાખ્યાયિત દો ટેગ ઉપયોગ કરીને પૃષ્ઠ માટેનાં
DIV છે.
ઓપન કૌંસ DIV, જોન હાવર્ડ, બંધ કરો કૌંસ DIV, અન્ય ઓપન કૌંસ DIV,
અને હવે અમે કંઈક સ્પષ્ટ પડશે જેમ, મારા હોમપેજ પર આપનું સ્વાગત છે!
અને સાથે સાથે, આપણે આ DIV બંધ કરીએ.
>> અને હવે ત્રીજી અને અંતિમ DIV, Copyright.
જસ્ટ ફેન્સી છે, મને હવે એક HTML ઉપયોગ કરવા દેવા એન્ટિટી, રજૂ કરે છે પ્રતીક
એક અક્ષર કે તમારી પાસે આવું ન કરી શકે તમારા કીબોર્ડ પર લખો.
ખાસ કરીને, હું કરવા જાઉં છું 'ચિન્હ, પાઉન્ડ, 169, અર્ધવિરામ.
કે આંકડાકીય છે બહાર ફેંકે છે કૉપિરાઇટ પ્રતીક માટે.
પછી જ્હોન હાર્વર્ડ સ્પષ્ટ દો અહીં નીચે.
ચાલો DIV બંધ કરો અને ફાઇલને સંગ્રહો છે.
>> હવે, આ DIV ટેગ શું છે?
આ DIV ટેગ માત્ર એક વિભાગ વ્યાખ્યાયિત આવશ્યક છે જે પાનું, એક
લંબચોરસ પ્રદેશ.
તેથી સમય આ ક્ષણે, હું ત્રણ છે લંબચોરસ વિસ્તારો, ઉપર એક
અન્ય.
તેથી હવે માટે, અસર લગભગ છે હું ત્રણ ફકરા હતી.
પરંતુ અમે ખૂબ ખૂબ દેખાશે નહીં તેમની વચ્ચે સફેદ જગ્યા.
>> બદલાય છે, ચાલો આ ફાઇલ સંગ્રહ કરીએ તેના પરવાનગીઓ, અને માટે એક નજર
Chrome માં ક્ષણ.
Chmod A + CSS0.html r.
ક્રોમ અને મુલાકાત ખોલો હવે ચાલો http://localhost.CSS0.html.
ખરેખર, અહીં હોમ પેજ છે જોન હાવર્ડ માટે.
હવે થોડી વધુ તે stylize દો ચોક્કસપણે કેટલાક સીએસએસ મદદથી.
>> પાછા gedit, ચાલો આ જાય પ્રથમ DIV ટેગ અને શૈલી ઉમેરો
હું માંગો છો કે સ્પષ્ટ યશ એક ફોન્ટ કહે છે, કદ, 36 પીક્સલ, અથવા પીએક્સ.
અને હું આ ફોન્ટ વજન માંગો છો બદલે મૂળભૂત કરતા બોલ્ડ છે,
જે સામાન્ય છે.
બીજા DIV માટે, ચાલો સ્પષ્ટ દો એક છે કે અન્ય શૈલી લક્ષણ
ફોન્ટ 24 પિક્સેલ્સ માપ છે, તેથી થોડો નાની હોય છે.
અર્ધવિરામ પછી બંધ કરો અવતરણ.
>> છેલ્લે, આ ત્રીજા DIV, ચાલો કરીએ શૈલી ભાવ, ફોન્ટ માપ જેટલી જ થાય છે, અને
12 પિક્સેલ્સ આ સમય કહે છે.
અર્ધવિરામ પછી બંધ કરો ભાવ.
હું હોય એવું લાગે છે કે પછી નોંધ કરો માટે stylization ચોક્કસ થોડી
નો ઉપયોગ કરીને આ ત્રણ Divs દરેક તે સીએસએસ કરે છે.
હકીકતમાં, તમે જુઓ છો તે વાક્યરચના તે બેવડા અવતરણ વચ્ચે સીએસએસ, છે
ખાસ ગુણધર્મો સીએસએસ કિંમતો સાથે.
અને હું હતો જ્યાં તે પ્રથમ ટેગ માટે બે જેવા ગુણધર્મો, ફોન્ટ માપ અને
ફોન્ટ વજન, હું માત્ર અલગ અર્ધવિરામ સાથે.
>> હવે, માત્ર શૈલી ખાતર, હું પણ સમાવેશ થાય સેમિકોલન્સ પર
દરેક લીટીના.
પરંતુ તેઓ સખત જરૂરી નથી, તમે માત્ર એક જ હોય ​​છે, ખાસ કરીને જ્યારે
મિલકત વ્યાખ્યાયિત થયેલ છે.
હવે ફાઈલ સંગ્રહો અને ફરીથી લોડ કરો Chrome માં, અને જુઓ શું
આ પ્રક્રિયાની ચોખ્ખી અસર છે.
પાછા Chrome માં અહીં, માતાનો ફરીથી લોડ કરો ક્લિક કરો.
>> હવે અમે થોડી વધુ રસપ્રદ છે જ્હોન માટે હોમપેજ
હાર્વર્ડ, સાથે જેમાં પ્રથમ વાક્ય કે અંદર છે, જે તેમના નામ,
પ્રથમ DIV, પણ 36 પિક્સેલ્સ ઊંચા હોય છે અને બોલ્ડફેસમાં, જેમાં બીજા લાઇન
કે બીજા DIV છે, કે જે 24 છે ઊંચા, પરંતુ બોલ્ડફેસમાં પિક્સેલ્સ.
અને જેમાં કે ત્રીજા ત્રીજી લાઇન DIV પણ 12 પિક્સેલ્સ ઊંચા હોય છે અને
boldface નથી.
પરંતુ હવે ધારો કે હું પાળી માંગો છો પર આ લખાણ તમામ
તે કેન્દ્રિત છે નહીં હોય.
>> હું વ્યક્તિગત દરેક align શકે કેન્દ્રિત તરીકે Divs.
પરંતુ વધુ સરળતાથી, હું તે લપેટી શકે ચોથા div ની અંદર ત્રણ Divs, એક
પિતૃ DIV, તેથી વાત છે, અને સ્પષ્ટ કરવા માટે કે કે DIV અને તેના તમામ
વંશજો પ્રયત્ન કરીશું લખાણ કેન્દ્ર ગોઠવાયેલ?
ચાલો એક નજર.
>> Gedit ની અંદર, ચાલો પાછા જઈએ મારા શરીર અને સાથે નવા DIV ઉપર ઉમેરો
DIV, શૈલી ભાવ અવતરણ ચિહ્નો પૂરાં કરવાં જેટલી જ થાય છે લખાણ સંરેખિત સેન્ટર, બંધ કરો
અર્ધવિરામ પછી ઉદ્ધત.
અને હવે, ચાલો બધા આગળ અને ઇન્ડેન્ટ જાઓ અમે પહેલાં લખ્યો કે તે રેખાઓ છે.
અને તે ત્રીજા DIV નીચે, ચાલો આ નવી DIV બંધ કરો.
>> અન્ય શબ્દોમાં, કારણ કે તે ત્રણ મૂળ Divs હવે બાળકો છે, તેથી
નવી પિતૃ DIV છે, બોલે છે અને હું કર્યું હું સંરેખિત કરવા માંગો છો કે સ્પષ્ટ થયેલ
મધ્યમાં કે પિતૃ DIV ના લખાણ પાનાંની, મિલકત કે હશે
તે બાળકો બધા દ્વારા વારસામાં મળી છે.
ખરેખર, ચાલો ફાઈલ સંગ્રહિત કરીએ અને એક બ્રાઉઝરમાં એક નજર.
માતાનો Chrome માં ફરીથી લોડ કરો.
અને ત્યાં અમે તેને, એક પણ NICER છે જોન હાવર્ડ ઘર પાનું.