首页手记闲来无事之学习CSS文本样式设置

闲来无事之学习CSS文本样式设置

标签：

Html/CSS

                             **CSS文本样式设置**

css 样式引入有内联式、嵌入式、外部式
内联式：在标签内写样式
嵌入式：在head标签内加style标签
外部式：在head标签内引入.css样式文件
优先级是内联式最优，嵌入式、外部式谁排在head内前谁优先；在设置属性后增加!important，则改属性的优先级最大。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CSS字体段落等样式设置</title>
<style type="text/css">
body{
    font-family:"Microsoft Yahei";/*字体微软雅黑*/
    font-size:15px;
    color:green;
}
p{
    text-indent:2em;/*段落缩进2em*/
    line-height:2em;/*行间距2em*/
}
h1{
    letter-spacing:5px;/*字间距*/
    word-spacing:10px;/*单词间距*/
    font-size:20px;
    text-align:center;/*对其方式：居中*/
}
span{
    font-weight:bold;/*粗体*/
    font-style:italic;/*斜体*/
    text-decoration:underline;/*下划线*/
}
.span2{
    text-decoration:line-through;/*中间线*/
}
.p2{
    color:pink;
}
span.span2{
    color:yellow;
}
.p2>span{
    color:blue;
}
</style>
</head>
<body>
    <h1>天天向上之学习CSS good good stady</h1>
    <p class="p1">从小大家就知道要好好学习<span>天天向上</span>。但是除了学习就没有别的了么。俗话说的好，即使我每科都考<span class="span2">100分</span>依然过不好我的人生。因为满分是150。  </p>
    <p class="p2">俗话又说，到了二三十岁要面临很多<span>选择</span>和改变。</p>
</body>
</html>

点击查看更多内容