p font: 14px sans-serif; : p font « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. p font

p font: 14px sans-serif;

     

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <head>
        <title>Pseudo-Element Selectors</title>
<style type='text/css'>
p {
    color: darkblue;
    border: 1px solid lightblue;
    padding: 2px;
    font: 14px sans-serif;
}
p.quote::first-letter {
    background: darkblue;
    color: white;
    font: 55px "Monotype Corsiva";
    float: left;
    margin-right: 5px;
}
p.quote::first-line {
    font-weight: bold;
    letter-spacing: 3px;
}
p.byline {
    text-align: right;
    font-style: italic;
    font-size: 10px;
    border: none;
}
</style>


    </head>
    <body>
        <p class='quote'>
            You see, wire telegraph is a kind of a very, very long cat.
            this is a test
            this is a test
            this is a test
            this is a test
            this is a test
            this is a test
            
        </p>
        <p class='byline'>
            - Albert Einstein
        </p>
    </body>
</html>








Related examples in the same category

1.p font-size: small;
2.p font-family: Verdana, Arial, sans-serif;
3.P font-family: Arial, Helvetica, sans-serif;
4.P font-size: 12px;
5.Change color and font size of paragraph
6.Set font size for a paragraph
7.paragraph with different font
8.p font: 12px sans-serif;
9.p font-size: 14pt;
10.p font-size:10pt;}
11.p font-style
12.p font-variant;
13.p font size: absolute measurements
14.p font-size: relative sizes
15.p font-size: lengths
16.p font-size: percentage
17.p font:bold 12pt arial;
18.p font: caption;
19.p font: icon;
20.p font: menu;
21.p font: message-box;
22.p font: small-caption;
23.p font: status-bar;
24.p font-style: italic;
25.p font-size: 10px;
26.p font: 1em/1.5em sans-serif;
27.p font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
28.p font: italic small-caps bold 1em/1.5em sans-serif;
29.p font-family: "Monotype Corsiva";
30.p font: bold 24px sans-serif;
31.p font: italic bold small-caps 24px sans-serif;
32.p font: 16px monospace;
33.p font-family: "Times New Roman";
34.p font-family: Arial;
35.p font-family: serif;
36.p font-family: sans-serif;
37.p font-family: monospace;
38.p font-family: fantasy;
39.p font-family: cursive;
40.p font-weight: bold;
41.Mark paragraph by font style
42.This paragraph changes three properties using the one font shorthand property.
43.p font-size: 0.9em;padding: 1em;border: thin solid black;background: gray;color: white;
44.p font-variant:normal; font-variant:small-caps;