这是我学习的第一个CSS样式实例,我们要在一张网页上设置主体的背景颜色和标题的颜色跟对齐方式,还有段落的字体和大小 。主要用到的CSS样式有:
bockground-color :设置背景颜色 。
color : 设置字体颜色。
text-align:设置元素的对齐方式。主要有:left 左对齐 right 右对齐 center 居中对齐。
font-family: 设置字体的样式风格。
font-size: 设置字体的大小。
实例代码:
1 <!doctype html>
2
3 <html>
4 <head>
5 <meta charset="utf8">
6 <style>
7 body{
8 background-color:lightblue;
9 }
10
11 h1{
12 color:white;
13 text-align:center;
14
15 }
16 p{
17 font-family:verdana;
18 font-size:20px;
19 }
20 </style>
21 </head>
22
23 <body>
24
25 <h1>CSS第一个实例</h1>
26 <p>这是我的第一个CSS样式实例。</p>
27 </body>
28 </html>
~
运行效果:
在这个实例中我们设置了主体的背景颜色为青色,标题颜色为白色并且居中对齐,段落字体设置为verdana 风格,字号大小为20px像素。
评论