webForumDet fria alternativet

Nybörjarfråga om stylesheets

HTML & CSSur HTML, XHTML & CSS

8 svar · 234 visningar · startad av pilt77

pilt77Medlem sedan aug. 200296 inlägg
#1

Jag har en jävla massa html dokument på min hemsida. Och nu ska jag buta bakgrunksfärg och text färg på allihopa. Därför har jag börjart fundera på stylesheets.
Det funkar så att man har en fil där man definerar olika färger va?
Någon som kan ge ett exempel på hur det skulle se ut?

streetrobbanMedlem sedan jan. 20011 140 inlägg
#2

Ja i stylesheetet bestämmer du hur det ska se ut, och på html sidan skriver du så här:

<html>
<head>
<title>Min hemsida</title>
[BLUE]<link rel="stylesheet" href="min_cssfil.css">[/BLUE]
</title>

Hur du jobbar med CSS filen kan du läsa här: http://www.idg.se/webstudio/pub/object.asp?id=7

pilt77Medlem sedan aug. 200296 inlägg
#3

Om jag har en font definerad i ett stylesheet och en annan font i html dokumentet, går då css före?

eManMedlem sedan sep. 2000232 inlägg
#4

Nej, html-formateringen går före

dectgapMedlem sedan sep. 20021 655 inlägg
#5

eMan skrev:

Nej, html-formateringen går före

Förvisso var frågan tvetydig, men att skriva att html-formateringen går före CSS är fel.

CSS kan ju som känt ligga i tre olika nivåer:
1. I en extern fil.
2. Inom <style>-taggar i head.
3. I style-attributet för en viss tag.

Den css som är mest specific är den som gäller, t.ex.:

<html>

<head>
<title>Test1</title>
<style type="text/css">
 p {
  font-family: Verdana
 }
</style>
</head>

<body>
<p style="font-family: Arial;">Detta är en text</p>
</body>

</html>

"Detta är en text" kommer att stå med Arial.

Ett annat exempel, som visar att "CSS går före html":

<html>

<head>
<title>Test2</title>
<style type="text/css">
 table {
  width: 500px;
 }
</style>
</head>

<body>
<table width="800">
 <tr>
  <td>Detta är en cell</td>
 </tr>
</table>
</body>

</html>

Tabellen kommer att bli 500 px bred eftersom det är den bredd som CSS bestämmer. Plockas styles bort blir tabellen 800 px bred.

PallemanMedlem sedan dec. 2000557 inlägg
#6

dectgap:

Nja, när det gäller "vanliga" font-taggar går dessa före css.

ex.

<html>
<head>
    
    
<style type="text/css">
<!--
    
body {
    font-family : Arial; 
    font-size : 10px; }
    
//-->
</style>
    
    
</head>
<body>
    
    
    <font face="Verdana" size="2">Detta är min text!</font>
    
    
</body>
</html>

I detta fall kommer texten bli Verdana, inte Arial..

pilt77Medlem sedan aug. 200296 inlägg
#7

Nu har jag läste lite på jojoxx sida och nu funkar det bra, tackar

pilt77Medlem sedan aug. 200296 inlägg
#8

hur bestämmer man färgen på texten?
testade font-color: color.white; men det funkade inte

icaaqMedlem sedan okt. 20005 273 inlägg
#9
[red]
color : #FFFFFF
[/red]
133 ms totalt · 3 externa anrop · v20260731065814-full.29ac60f6
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)