/    Sign up×
Community /Pin to ProfileBookmark

style with external CSS

Copy linkTweet thisAlerts:
Nov 30.2005

Currently I use inline style way to specify color and font-weight for text:

<td align=”center” style=”height: 50px; width: 550px; font-size: 14px; font-weight: bold; color: #004080;”>paragraf text </td>

Its like header, this text inside table data.
Also, same for this:
<span style=”font-size:14px; font-weight: bold; color: #004080;”>Main paramaters</span>

<p style=”font-size:14px; font-weight: bold; color: #004080;”>Short description</p>

This used as headers -but [B]not for all paragrafs and spans[/B].

what I need add to CSS?

to post a comment
CSS

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYNov 30.2005 — you could add a class attribute to the elements you want to apply the style to

e.g.:
<i>
</i>&lt;td class="sometext"&gt;&lt;/td&gt;


and in the css:
<i>
</i>td.sometext{
height: 50px;
width: 550px;
font-size: 14px;
font-weight: bold;
color: #004080;
}
Copy linkTweet thisAlerts:
@TaurusauthorNov 30.2005 — well, and for paragraf header and span?

<p class="sometext"></p>


<span class="sometext"></span>

<i>
</i>p.sometext{
font-size: 14px;
font-weight: bold;
color: #004080;
}

---------------------------------
<i>
</i>span.sometext{
font-size: 14px;
font-weight: bold;
color: #004080;
}
Copy linkTweet thisAlerts:
@Robert_WellockNov 30.2005 — Yes, or you could combine the two of them.
Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYNov 30.2005 — meaning:
<i>
</i>&lt;p class="sometext"&gt;&lt;/p&gt;

&lt;span class="sometext"&gt;&lt;/span&gt;

that will apply to every element with the class sometext
<i>
</i>.sometext{
font-size: 14px;
font-weight: bold;
color: #004080;
}
Copy linkTweet thisAlerts:
@TaurusauthorNov 30.2005 — I want set different font for span anf for paragraf:

<p class="sometext"></p>


<span class="sometext2"></span>


------------------------------

p.sometext{

font-size: 14px;

font-weight: bold;

color: #004080;

}

span.sometext2{

font-size: 11px;

font-weight: bold;

color: #004080;

}
Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYNov 30.2005 — that's exactly how you would do it, assign different classes
×

Success!

Help @Taurus spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.5,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...