CSS样式
2016-11-22 本文已影响0人
洛洛kkkkkk
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS样式</title>
</head>
<body>
<!--第一种CSS样式 行间样式（style属性）-->
<!--
文本属性
字体大小：font-size:50px;
字体颜色：color:red;
字体类型：font-family:fantasy;
字体加粗：font-weight:bold;
字体倾斜：font-style:italic;
字体下划线：text-decoration:underline;
对齐方式：text-align:center;
字间距：word-spacing:10px; 单词之间的距离（浏览器会认为每一个空格就是单词的分割点。）
字符间距：letter-spacing:10px;（每个字符之前的距离）
行高：line-height:20px;每一行字的高度，不会影响字体大小，默认字体的竖直位置在行中是居中的。
缩进：text-indent:20px;首行缩进
-->
<span style="color: yellowgreen; font-size: 30px;background-color: black;">我是第一个span标签</span>
<span style="display: block;text-align: center;">我是第二个span标签</span>
<span style="text-indent: 20px;display: block;">dfdgfd</span>
</body>
</html>
