前端：CSS（三）---span标签，字体样式，⽂本样式，超链接伪类span标签：将要重点要突出的字使⽤span套起来
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#title1{
font-size: 50px;
}
</style>
</head>
<body>
我爱学<span id="title1">java</span>
</body>
</html>
字体样式：
<!--字体样式
font-family 字体
font-size 字体⼤⼩
font-weight 字体粗细
color 字体颜⾊
-
->
<style>
body{
font-family：楷体;
color: red;
}
h1{
font-size: large;
}
.p1{
font-weight: bolder;
}
</style>
⽂本样式:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--⽂本样式
color 颜⾊，有rbg等
text-align 排版，center表⽰居中
text-indent: 2em; ⾸⾏缩进2个字
text-decoration:underline; 下划线
text-decoration:line-through; 中划线
text-decoration: overline; 上划线
text-decoration: none; 去除下滑线
a标签默认是有下划线的
-->
<style>
h1{
color: red;
text-align: center;
}
.p1{
text-indent: 2em;
}
.L1{
text-decoration:underline;
}
.L2{
text-decoration:line-through;
.L3{
text-decoration: overline;
}
a{
text-decoration: none;
}
</style>
</head>
<body>
<a href="">abc</a>
<p class="L1">123</p>
<p class="L2">123</p>
<p class="L3">123</p>
<h1>跑步</h1>
<p class="p1">
说起坚持跑步，总有⼈向我表⽰钦佩：“你真是意志超⼈啊！”说⽼实话，我觉得跑步这东西和意志没多⼤关联。</p>
<p>
能坚持跑步，恐怕还是因为这项运动合乎我的要求：不需要伙伴或对⼿，也不需要特别的器械和场所。
⼈⽣本来如此：喜欢的事⾃然可以坚持，不喜欢的怎么也长久不了
</p>
<p>
——村上春树
</p>
</body>
</html>
⽂本图⽚⽔平对齐：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
img,span{
vertical-align: middle;
}
</style>
</head>
<body>
<p>
<img src="image/1.jpg"alt=""height="100px"width="100px">
<span>2132132131</span>
</p>
</body>
</html>
超链接伪类
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>超链接伪类</title>
<style>
a{
text-decoration: none;/*取消a标签下划线*/
text align centercolor: #000000;/*初始颜⾊⿊⾊*/
}
/*⿏标悬停的状态*/
a:hover{
color: orange;
/*⿏标点击未释放的状态*/
a:active{
color: green;
font-size: 20px;/*⿏标点击时字体放⼤*/
}
</style>
</head>
<body>
<a href="#">
<img src="images/码出⾼效.jpg"alt="">
</a>
<p>
<a href="#">码出⾼效：Java开发⼿册</a> </p>
<p>
<a href="">作者：孤尽</a>
</p>
<p>
￥99
</p>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。