<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
p:first-letter{
color:red;
font-size:80px;
}
p:before{
content:"会出现在最前面,且不可选取";
}
</style>
</head>
<body>
<p>我是一个元素
</p>
</body>
</html>
使用伪元素来表示元素中的特殊的位置,比如我,常规加个span,但是太麻烦
可以用伪元素来表示,语法同样是标签名:属性名{}
为p中的第一个字符来设置,用first-letter或者first-line,调整浏览器大小后也是第一行
p:before表示元素最前面的部分 文字最前面,一般结合content一起使用
p:before{
content:“我会出现在最前面,且不可选取”;
},我写的content里面的话是不可选取的,因为是css写的,还有after也是同样(结束标签前的位置)