2013-08-02 17 views
15

मैं एक वेबसाइट बनाने की कोशिश कर रहा हूं और मैं जानना चाहता हूं कि अनुच्छेद में पाठ के आकार को कैसे बदला जाए। मैं अनुच्छेद 1 अनुच्छेद 2 से बड़ा होना चाहता हूं। इससे कोई फर्क नहीं पड़ता कि यह कितना बड़ा है, जब तक यह बड़ा हो। मैं यह कैसे करु?एचटीएमएल में फ़ॉन्ट आकार कैसे बदलें?

मेरे कोड के नीचे है:

<html> 
<head> 
<style> 
    p { 
    color: red; 
    } 
</style> 
</head> 
<body> 
<p>Paragraph 1</p> 
<p>Paragraph 2</p> 
</body> 
</html> 

उत्तर

18

उन्हें एक वर्ग के दो और जोड़ने के अपने कक्षा के लिए शैली।

<style> 
    p { 
    color: red; 
    } 
    .paragraph1 { 
    font-size: 18px; 
    } 
    .paragraph2 { 
    font-size: 13px; 
    } 
</style> 

<p class="paragraph1">Paragraph 1</p> 
<p class="paragraph2">Paragraph 2</p> 

चेक इस EXAMPLE

+0

यह ब्राउज़र विशिष्ट है। यदि आप पूरे ब्राउज़र के लिए डिफ़ॉल्ट चाहते हैं, तो आपको इसे स्वयं सेट करना चाहिए। –

1

आप जोड़ वर्गों के बिना यह करने के लिए चाहते हैं ...

p:first-child { 
    font-size: 16px; 
} 

p:last-child { 
    font-size: 12px; 
} 

या

p:nth-child(1) { 
    font-size: 16px; 
} 

p:nth-child(2) { 
    font-size: 12px; 
} 
12

या जोड़ने शैलियों इनलाइन:

<p style="font-size:18px">Paragraph 1</p> 
<p style="font-size:16px">Paragraph 2</p> 
+2

यह वास्तव में बहुत वांछनीय नहीं है ... – Meryovi

+1

धन्यवाद। यह पूरी तरह से काम करता है। क्या आपको पता है कि डिफ़ॉल्ट फ़ॉन्ट आकार क्या है। मुझे लगता है कि यह लगभग 16/17 पीएक्स है ... –

+1

इनलाइन शैलियों खराब हैं! –

7

आप बस किसी भी दस्तावेज़ के सिर्फ पहले पैराग्राफ का फ़ॉन्ट आकार को बढ़ाने में रुचि रखते हैं, एक प्रभाव ऑनलाइन प्रकाशनों द्वारा उपयोग किया जाता है, तो आप वांछित प्रभाव प्राप्त करने के लिए पहले-बच्चे छद्म-वर्ग का उपयोग कर सकते हैं।

p:first-child 
{ 
    font-size: 115%; // Will set the font size to be 115% of the original font-size for the p element. 
} 

हालांकि, यह प्रत्येक पी तत्व के फ़ॉन्ट आकार को बदल देगा जो कि किसी अन्य तत्व का पहला बच्चा है। आप शरीर तत्व के पहले पी तत्व के आकार की स्थापना में रुचि रखते हैं, तो निम्न का उपयोग करें:

body > p:first-child 
{ 
    font-size: 115%; 
} 

ऊपर कोड केवल पी तत्व है कि शरीर तत्व का एक बच्चा है के साथ काम करेंगे।

0

आप इसे HTML में नहीं कर सकते हैं। आप सीएसएस में कर सकते हैं। एक नए CSS फ़ाइल बनाएँ और लिखें:

p { 
font-size: (some number); 
} 

कि सुनिश्चित करें कि आप किसी भी "पूर्व" टैग, जो अपने कोड थोड़ा छोटा करने की जरूरत नहीं है बनाने के काम नहीं करता है।

संबंधित मुद्दे