CSS实例教程(6):案例学习培训CSS怎样操纵网页页

日期:2021-01-20 类型:科技新闻 

关键词:微信小程序商城,免费微信小程序,小程序设计软件,小程序生成平台,可查询的小程序


本CSS实例教程关键解读网页页面文本案例:1、设定文字色调,2、设定文字的情况色调,3、要求标识符间隔。
本CSS实例教程关键解读网页页面文本案例:1、设定文字色调,2、设定文字的情况色调,3、要求标识符间隔。 1、设定文字色调
本例演试怎样设定文字的色调。
<html>
<head>
<style type="text/css">
h1 {color: #00ff00}
h2 {color: #dda0dd}
p {color: rgb(0,0,255)}
</style>
</head>
<body>
<h1>这是 header 1</h1>
<h2>这是 header 2</h2>
<p>这是1个段落。</p>
</body>
</html> 2、设定文字的情况色调
本例色调怎样设定一部分文字的情况色调。本文来自于脚本制作之家WebjxCom
<html>
<head>
<style type="text/css">
span.highlight
{
background-color:yellow
}
</style>
</head>
<body>
<p>
<span class="highlight">这是文字。</span> 这是文字。 这是文字。 这是文字。 这是文字。 这是文字。 这是文字。 这是文字。 这是文字。 这是文字。 这是文字。 这是文字。 这是文字。 这是文字。 这是文字。 这是文字。 这是文字。 <span class="highlight">这是文字。</span>
</p>
</body>
</html> 3、要求标识符间隔
本例演试怎样提升或降低标识符间隔。
<html>
<head>
<style type="text/css">
h1 {letter-spacing: ⑶px}
h4 {letter-spacing: 0.5cm}
</style>
</head>
<body>
<h1>This is header 1</h1>
<h4>This is header 4</h4>
</body>
</html>
上一篇:详细介绍CSS3应用技能5个 返回下一篇:没有了