HTML + CSS Styles et mise en forme du Texte à l'intérieur de la Div conteneur

Je suis en train de gras et la couleur de certains mots (ou de les rendre en italique, taille différente, etc.) au sein d'un paragraphe dans mon Index.HTML.

Mais l'habitude balises de mise en forme (HTML) ne sont pas de travail.

J'ai une feuille de style qui contient tous mes styles et des propriétés pour le site web, mais je veux seulement changer trois mots (par exemple) dans le paragraphe. Comment dois-je faire?

index.html:

<div id="da-slider" class="da-slider">
    <div class="da-slide">
        <h2>This is the Heading</h2>
        <p>And HERE is where I want to make this word BOLD and this WORD in a different color, for example</p>
        <a href="#" class="da-link">Read more</a>
    <div class="da-img"><img src="img/pp-slider/imac.png" alt="image01" /></div>
</div>

InformationsquelleAutor ThePlague | 2013-05-15

6

vérifier ce violon: ici

C'est un petit exemple.

- Je utiliser Word pour le mettre en gras, mais Word sera parfait pour.

utilisation  pour faire des mots en italique. Aussi j'ai utilisé Word à faire bleu.
- Les bons outils pour le travail.
- Je vous recommande fortement de la lecture de ce post sur SESE.
InformationsquelleAutor DiederikEEn

Vous pouvez avoir vos résultats souhaités par pré-défini des balises HTML forte, j', em, ou vous pouvez définir des classes de l'attribution des différents éléments.

Voici le document que vous pouvez enregistrer & essayer...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <style>
            body {
                font-size:100%;
                font-family:arial;
            }

            .boldme {
                font-weight:bold;
            }

            .italicme {
                font-style:italic;
            }

            .iambigger {
                font-size:150%;
            }

            .colormered {
                color:#FF0000;
            }
        </style>
    </head>
<body>
    <div class="da-slide">
        <h2>This is the Heading</h2>
        <p>And <span class="iambigger">HERE</span> is where I want to make <span class="italicme">this</span> word <span class="boldme">BOLD</span> and this <span class="colormered">WORD</span> in a different color, for example.</p>
        <p>And by the way, <span class="boldme italicme iambigger colormered">I can have combinations of all</span></p>
        <a href="#" class="da-link">Read more</a>
        <div class="da-img">
            <img src="img/pp-slider/imac.png" alt="image01" />
        </div>
    </div>
</body>
</html>

Laissez-moi savoir si vous avez besoin de savoir autre chose...

InformationsquelleAutor dhanush

Envelopper les mots dans un  et ensuite appliquer un style à eux

HTML:

<p>And <span>HERE</span> is where I want to make this word <span>BOLD</span> and this <span>WORD</span> in a different color, for example</p>

CSS:

#da-slider p span{
    color:#F00;
    font-weight:bold;
}

Voir ce Violon

InformationsquelleAutor George

1

Utilisation:
```
Bold : 
Italic : 
Underline : 
```
Exemple:

Pour rendre le texte BOLD et

Pour rendre le texte BOLD and ITALIC

Vous pouvez également utiliser les CSS avec une durée de:

Exemple :

Cela rend le texte Bold and italic

Avec le code CSS suivant:
```
span {
 font-weight: bold;
 font-style: italic;
}
```
InformationsquelleAutor Sree ram

Ici est la Solution.

Le code HTML:

<div id="da-slider" class="da-slider">
    <div class="da-slide">
        <h2>This is the Heading</h2>
        <p>And HERE is where I want to make this word <span>BOLD</span> and this <span>WORD</span> in a different color, for example</p>
        <a href="#" class="da-link">Read more</a>
    <div class="da-img"><img src="img/pp-slider/imac.png" alt="image01" /></div>
</div>
</div>

Le CSS:

.da-slide p span {
    font-weight: bold;
}

Espère que cette aide.

InformationsquelleAutor Nitesh

Vous devez vous connecter pour publier un commentaire.