<!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>
CSS样式
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 一、使用伪类选择器和counter属性 div>div{ counter-increment: count; } ...
- CSS全称为“层叠样式表 (Cascading Style Sheets) 主要用于定义样式，如要文字大小、颜色、...
