<-- Terug naar Snippets

Meerdere klassen in CSS

PHP versie: n.v.t

Javascript: n.v.t

Het gebruik van meerdere CSS klassen op een element. De gebruikte CSS styles zijn hieronder in de broncode te vinden. Merk op dat de interpretatie in IE6 niet helemaal juist is.

Deze zin zal klein en schuin gedrukt zijn.

Deze zin is groot en dik gedrukt.

Deze zin is groot en dik gedrukt. Bovendien zijn het allemaal hoofdletters.

Deze zin is klein en dik gedrukt.

Als bovenstaande regels goed weergegeven worden, ondersteund je browser CSS2.

Broncode


Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 100

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 106

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 112

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 119

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 120

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 121

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 199

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 287

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 288

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 289

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 290

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 291
Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<?php
ini_set
('display_errors''On');
error_reporting(E_ALL);

?>

<!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>PHPtuts.nl - PHP Snippets - Meerdere klassen in CSS</title>
    
    <link rel="stylesheet" href="../../styles/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="../../styles/ubb.css" type="text/css" media="screen" />
    
    <style type="text/css">
        p.italic { font-style: italic; }
        p.bold { font-weight: bold;    }
        p.groot { font-size: 130%; }
        p.klein { font-size: 80%; }
        p.groot.italic { font-variant: small-caps; }
    </style>
    
</head>
<body>
    <div id="wrap">
        <p class="none small align-right"><a href="/codeSnippets/">&lt;-- Terug naar Snippets</a></p>
        <h1>Meerdere klassen in CSS</h1>
        <div id="info">
            <p>PHP versie: n.v.t</p>
            <p>Javascript: n.v.t</p>
        </div>
        
        <p>Het gebruik van meerdere CSS klassen op een element. De gebruikte CSS styles zijn hieronder in de broncode te vinden. Merk op dat de interpretatie in IE6 niet helemaal juist is.</p>
        
        <p class="klein italic">Deze zin zal klein en schuin gedrukt zijn.</p>
        <p class="groot bold">Deze zin is groot en dik gedrukt.</p>
        <p class="groot italic">Deze zin is groot en dik gedrukt. Bovendien zijn het allemaal hoofdletters.</p>
        <p class="klein bold">Deze zin is klein en dik gedrukt.</p>
        
        <p>Als bovenstaande regels goed weergegeven worden, ondersteund je browser CSS2.</p>
                
        <?php        
        
// Weergeven broncode
        
define('FILE'__FILE__);
        require_once(
'../broncode.php');
        
?>
    </div>    

<!-- Google analytics (geen onderdeel van script) -->
<script type="text/javascript" src="/inc/ga1.js"></script>
<script type="text/javascript" src="/inc/ga2.js"></script>

</body>
</html>