容器的作用span div10

2021/3/16 span div学习


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>容器title>
head>

<body>
    <div style="color: gray;margin: auto;width: 500px;">
        <p style="text-align: center;">

            <span style="background-color: gray;font-size: 24px;color: white;">
                逍遥游
            span>
    
        p>
    
        <p>
            北冥有鱼,其名为鲲。
            鲲之<span style="font-size: 60px;">span>,
            不知其几千里也。化而为鸟,其名 为鹏。鹏之背,不知其几千里也。
            怒而飞,其翼若垂天之云。
            是鸟也 ,海运则将徙于南冥。
    
            <b style="color: royalblue;">
                南冥者,天池也
            b>p>
    
        <p>
            《齐谐》者,志怪者也。
            《谐》之言曰:“鹏之徙于南冥也,水击 三千里,抟扶摇而上者九万里,去以六月息者也。
            <b style="color:tomato">”
                野马也,尘埃也 ,生物之以息相吹也。天之苍苍,其正色邪?其远而无所至极邪?其视下也,亦若是则已矣。
            b>
        p>
    
        <p> 
            且夫<span style="color: royalblue;">
                水之积也不厚
            span>,
            则其负大舟也无力。覆杯水于坳堂之上,则芥 为之舟。
            置杯焉则胶,水浅而舟大也。
            <span style="color: springgreen;">
                风之积也不厚
            span>,则其负大翼也 无力。
            故九万里则风斯在下矣,而后乃今培风;背负青天而莫之夭阏 者,而后乃今将图南。
        p>
    
        <p> 
            蜩与学鸠笑之曰:“我决起而飞,抢榆枋而止,时则不至,而控于地而已矣,奚以之九万里而南为?”
            <span style="color: teal;">
                适莽苍者,三餐而反,腹犹果然;适百里者,宿舂粮;适千里者,三月聚粮。
            span>
            之二虫又何知!
        p>
    
        <p>
            <b style="color: red;">
                小知不及大知,小年不及大年
            b>。
            奚以知其然也?
            <b style="font-size: 15px;">
                朝菌不知晦朔,蟪蛄不知春秋,此小年也。
            b>
    
            <b style="font-size: 30px;">
                楚之南有冥灵者,以五百岁为春,五百岁为秋;
                上古有大椿者,以八千岁为春,八千岁为秋,此大年也。
            b>
            而彭祖乃今以久特闻,众人匹之,不亦悲乎!
        p>
    
        <p>   
            汤之问棘也是已:穷发之北,有冥海者,天池也。
            有鱼焉,其广数 千里,未有知其修者,其名为鲲。
            有鸟焉,其名为鹏,背若泰山,翼若垂天之云,抟扶摇羊角而上者九万里,
            <b style="color: teal;">
                绝云气,负青天
            b>,
            然后图南,且适南冥也。
        p>
    
        <p>   
            斥鴳笑之曰:“彼且奚适也?我腾跃而上,不过数仞而下,翱翔蓬 蒿之间,此亦飞之至也,而彼且奚适也?”此
            <span style="font-size: small;">span>
    
            <span style="font-size: large;">span>之辩也。
        p>
    
        <p>   
            故夫知效一官,行比一乡,德合一君,而征一国者,其自视也,亦若此矣。
            而宋荣子犹然笑之。且举世而誉之而不加劝,举世而非之而不加沮,定乎内外之分,辩乎荣辱之境,斯已矣。
            彼其于世,未数数 然也。
            虽然,犹有未树也。
        p>
    
        <p>   
            夫列子御风而行,泠然善也,旬有五日而后反。
            彼于致福者,未数 数然也。
            此虽免乎行,犹有所待者也。
        p>
    
        <p>   
            <span style="background-color: red; font-size: larger;">若夫乘天地之正,而御六气之辩,以游无穷者,彼且恶乎待哉!span>
            故曰:<b style="font-size: larger; color: royalblue;">至人无己,神人无功,圣人无名b>p>
    
    div>
    

body>

html>

容器的作用span div10_第1张图片

你可能感兴趣的:(前端学习,html5)