《2018年10月21日》【连续384天】
标题:css选择器,字体样式复习,例子练习;
内容:
<div>
<span class="g">G</span>
<span class="oe">o</span>
<span class="o2">o</span>
<span class="g">g</span>
<span class="l">l</span>
<span class="oe">e</span>
</div>
* {
margin: 0;
padding: 0;
}
div{
width: 900px;
height: 300px;
position: absolute;
left: 50%;
top:50%;
margin-left: -250px;
margin-top: -150px;
}
span{
font-size: 150px;
}
.g {
color: #4586F3;
}
.oe {
color: #EB4334;
}
.o2 {
color: #FBBD06;
}
.l {
color: #35AA53;
}
<div class="123">1234</div>
<div>123</div>
/*选择器{font : font-style font-weight font-size/line-height font-family;}*/
.123{
font: 400 50px "宋体";
}
/*font-size 和 font-family 必须有,不可省略*/
text-align :水平居中方式
text-indent: 首行缩进
<div style="text-decoration: overline;">文本1</div>
<a href="#" style="text-decoration: none;">文本2</a>
<br>
<s style="text-decoration: none;">文本3</s>
<br>
<ins style="text-decoration: line-through;">文本4</ins>