伪元素

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>伪元素</title>
        <style type="text/css">
            /*
             使用伪元素来表示元素中的一些特殊的位置             
            */
            /*
             为p中第一个字符设置特殊样式             
            */
           p:first-letter{
               color: red;
               font-size: 1.25rem;
           }
           p::first-line{
               background-color: yellow;
           }
           /*
           before表示元素最前面部分
           一般before都需要結合content這個樣式一起使用
           通過content可以向before或after的位置添加一些內容
           
           */
          p::after{
              content: "我會出現在整個段落的最後";
              color: blue;
          }
        </style>
    </head>
    <body>
        <p>我是一个段落,奥斯卡离得近阿喀琉斯有一次,鲁迅先生说,有人问他:“文章怎样写?”他说:“不知道。”这并非他自谦。实在说,三言两语,这问题是难说清楚的。关于写作,
        鲁迅先生言谈中,提到的却不少,可惜没有随手记下。当年啊,谁会想到这些呢!那时,每逢畅叙,都忘神地浸沉在他那谈笑风生的知识的海洋里,宛如红楼听课,唯恐放过一字一句。况且,我是来自伏牛山腹地的山人,
        野气未消,手脑同时并用,尚未习惯。记录,那对促膝谈心,又多么大煞风景啊!可是现在啊,每念及此,却大大悔之晚矣了。    
人健在,一切都好办。比如说吧,鲁迅先生墨迹,何等耐人寻味。纸墨笔砚,手边俱全,他又爱写字。可是,当年在他家住时,只顾日夜谈心,没想到请他留一幅字作纪念。最后不到七年时间,
他给我发了将近三百封信,甚至一天发两封。可是,连一幅字也没留。当年想着,一切太容易了,要什么,有什么,何时要,何时有。结果却连一幅墨迹也没留。天地间出乎意料的事太多了!
闲话扯得太远了,赶快言归正传吧:鲁迅先生谈写作,为着言必有据,还是作志与愿违的“文抄公”,从见之于文字的着手吧,但有时也不免涉及点滴的回忆及自己的看法。
一九三五年六月二十九日,鲁迅先生在答赖少麒的信中说:
“文章应该怎样做,我说不出来,因为自己的作文,是由于多看和练习,此外并无心得或方法的。”
鲁迅先生有篇《门外文谈》,是谈文学的,这里就不引了。
至于写文章有没有“秘诀”呢?没有的。常言说:“文无定法”,就是说,写文章没有一定的方法和窍门。
鲁迅先生在《作文秘诀》一文中说:
“现在竟还有人写信来问我作文的秘诀。
</p>
    </body>
</html>

注意first-letter   first-line before after的使用

伪元素

上一篇:Flowable学习


下一篇:ASP.NET MVC Model绑定(六)