前端的学习之路:初级CSS---浮动的特点

浮动的特点


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>浮动的特点</title>
    <!-- <link rel="stylesheet" href="../chujicss/css/11.21.02.css"> -->
    <style>
        .box1{
            width: 100px;
            height: 100px;
            background-color: #bfa;
            /* 
            浮动元素不会盖住文字,文字会自动环绕在浮动元素的周围
               所以我们可以利用浮动来设置文字环绕图片的效果
             */
             float: left;
        }
        .box2{
            background-color: yellowgreen;
            /* 
            元素设置浮动以后,将会从文档流中脱离,从文档流中脱离后,元素的一些特点也会发生改变
             脱离文档流的特点:
             块元素:
                1、块元素将不再独占一行
                2、脱离文档流以后,块元素的宽度和高度默认被内容撑开


             行内元素:
                行内元素脱离文档流以后变成块元素,特点和块元素一样

             脱离文档流以后,不需要在区分块和行内了      
             */
             float: left;
        }
        .box3{

            background-color: orange;
        }
        /* 
         */
         span{
             float: left;
             width: 200px;
             height: 200px;
             background-color: orchid;
         }
    </style>
</head>
<body>
    <!-- <div class="box1"></div> -->
     <!-- <p>辰北王朝,京城,京城大校场。

        现在是寒冬时期,屋檐上都结了厚厚的一层冰,整个京城都是笼罩在一种雪白色的严寒当中。

        一大清早的,京城的西北方一个大院里面,便是传来了练拳的声音。

        这是京城给达官贵人的少爷小姐练拳的地方,里面有教头,还有各种兵器。

        但是此时此刻,大校场却只有一个少年人。

        打拳的少年人长得俊眉朗目,年纪约莫十五岁,但是身形单薄。

        这少年就在这打拳,角落里则是有条黄毛大狗,正匍匐着酣睡着。

        “我一定会达到先天之境的,快了。”萧羽轻轻吐了口气,眼神非常坚定。

        旋即他努力的感受丹田的变化。

        他达到“后天境界”好几年了,但是根本都没有进展,但是萧羽从来都没有放弃,他相信自己一定会突破这个关卡。

        辰北王朝地大物博,鼎盛繁华,是个大天朝上邦,这里修炼成风,上至当朝陛下,下至平民百姓,都以能够修炼为荣。

        想要真正踏入修炼者的行列,这个先天之境是必经之路。

        因为要到先天之境,之前就必须先凝聚“气海”,气海能聚起来了,才能够吸收天地灵力,从而水到渠成的进入到“聚气境”。

        后天之境和先天之境的唯一区别,就是后天之境可以通过普通人的肉体强化踏入。

        但是要踏入先天之境,必须需要靠自身的感悟让丹田里面凝聚气海,这是一道坎,一道踏入真正修炼者的坎。

        萧羽尝试了足足五年了,但是他的丹田却一点反应都没有。

        可是他没有气馁,他每天一大早,不管严寒酷暑的来这里练拳,就是为了让自己跨越后天之境达到先天之境。

        正是凭借着这些信念,才让萧羽没有放弃,他知道自己从小身体弱,所以他修炼的时间比普通人多。

        “还是感受不到气海,再继续。”说罢萧羽便是打坐了起来,慢慢感受丹田的变化。

        而就在这时,忽然院子里走来了四名的带刀侍卫,而为首的则是一名少年。

        “喂,你们几个,动作快点,八王子今晚要吃狗肉,赶紧把这狗给拖回去宰了。”少年趾高气扬的吩咐道,完全忽略了萧羽的存在。

        “你们住手!”萧羽脸色大变,怒喝一声,奔过去一拳就是轰了上去。

        树下的那只狗叫做大黄,生得半人高这么大,是萧羽这么多年来唯一的朋友。

        “滚开。”

        这个少年是八王子的陪侍,听令于八王子,本身的实力就是达到了“聚气境前期”的实力。

        聚气境,是“筑基三境界”的第一个境界,再然后就是“汇气境”,“气灵境”。

        每一个大境界,都有六个小境界,分别是前期,中期,后期,小圆满,大圆满,巅峰。

        踏入聚气境前期,才是真正的修炼者。

        苏明这一掌拍出,足足有好几百公斤的力气。

        他手一挥,萧羽就是被拍飞了出去,摔出了十米之外。

        萧羽没有注意到的时候,他一直佩戴着的玻璃球形吊坠,被自己压破了。

        谁都没有注意到的是,这吊坠里面忽然传出一道无形的能量,直接就就是没入了他的脑海里面。

        “蚍蜉撼树!以你后天之境的力量,也敢和我聚气境对抗?”苏明眼睛很是不屑。

        “苏明,你一个陪侍竟然敢动手打我,你这是以下犯上,你找死!”萧羽擦着嘴角的血迹,怒指少年。

        萧家在京城是大族,自己更是萧家的少家主,按照王朝律法,苏明是要被处死的。

        “以下犯上?你真当自己是萧家少家主么?在京城你就是个多余的存在,真是不知天高地厚,文人子弟也妄图修炼?痴人说梦!不要忘了你只是病秧子,萧家真是以你为耻,不,整个京城都是以你为耻!真不明白,你或者的意义到底是什么。”苏明眉头一挑,非常不屑。

        如果萧羽是平民百姓的话,他不能修炼就不能修炼了,并没有什么大不了,但是问题是,他是萧家唯一的男丁,还是少家主。

        萧家在京城是大族,之所以是大族,并不是因为萧家出了多少实力强大的修炼者,而是因为,萧家世代都是握笔为生,萧家一脉都是文人墨客,从来没有人修炼过的。

        而在重武轻文,修炼成风的王朝里,萧羽的那痴人说梦的修炼行为,连同着整个萧家已经沦为京城的笑柄。

        而现在这家伙真是不知好歹,八王子要的东西难道他也敢阻止?

        “汪!”

        原本酣睡的大黄吠了一声,因为它被四个带刀侍卫给拉扯着,极为不情愿。

        “放开它!”萧羽大怒。

        这大黄狗陪伴了自己七八年的时间,在自己最孤独寂寞的时候伴随着自己。

        如果这些年没有大黄的陪伴,他真不知道自己怎么度过这些日子的。

        “不知好歹的东西!”

        苏明也是怒了,他一拳狠狠就是砸出。

        似乎是因为怒火,萧羽浑身的血液仿佛要沸腾燃烧了一样,他忽然伸出手,苏明的一拳竟然就这么被萧羽给抓住了!

        “什么!?”

        苏明看到,萧羽的眼睛,竟然变成了一种血红色,与此同时,自己的拳头,仿佛被铁钳给夹住了一样,变得麻木了。

        “我让你们放开它,你们没听到么?”

        一股极端森冷的气息弥漫了整个练武大堂,那种冰冷的寒意,犹如来自九幽之下的深渊一样,所有人后背瞬间就是发麻。

        那几个带刀侍卫全部脸色苍白,忍不住后退了好几步,萧羽目光犹如冰冷的刺芒一样,死死的盯着苏明。

        这一刻,苏明竟然惊恐的说不出话来了。

        “不想死的,滚!”萧羽森冷的道了一句,然后一推,苏明立即就是被推出了好几米远。

        苏明心中无比的吃惊,这么一个废物,为什么突然跟变了一个人似的?难道他隐匿了实力?

        可是不对啊!他明明是后天之境的实力!但是他刚才明显是感觉到那种发自灵魂深处的恐惧!

        “萧羽,你有种!八王子要的东西你都敢违抗,你就等死吧!”

        苏明一咬牙,心中虽然不甘,但是只能暂时撤退。

        “苏少爷,怎么办?我们回去如何和八王子交代?”其中一个侍卫低声说道。

        “哼!这小子只是回光返照而已,废物永远都是废物!今晚再来,他要是敢再阻止!我们就杀了他!”

        “大黄。”

        萧羽走到大黄的旁边,抚摸着大黄的头,眼神布满了坚毅,道:“我不会让人带走你的,就算是拼了命,我也会保护你。”

        萧羽没有注意的到是,大黄的眼睛,忽然闪过一丝神采。

        ……

        当天晚上,好几道身影潜入了萧家的府邸,他们移动到了萧羽所在了院子里面,然后摸到了树下,足足九柄刀手起刀落,全部都是对准了大黄。

        “汪……”

        大黄刚交出来,中了好几刀,直接就是被斩杀而死。

        这几个人,赫然就是苏明和几个带刀侍卫。

        苏明狞笑道:“看你白天这么爽,今天我就杀了你的狗,看你还能蹦跶多高。”

        忽然的,门被打开,萧羽一听到声音就是奔了出来的,当他看到倒在血泊中的大黄时,眼睛瞬间就是通红了。

        “大黄!!!”

        “你们找死!”

        当看到原来是苏明他们几人的时候,萧羽咆哮一声,一拳就是轰了出去。

        “你这个废物,你……”

        原本以为萧羽没有任何力量,不能掀起多少风浪,可是萧羽一拳轰出的时候,一股极端恐怖的死寂气息,犹如重锤一样狠狠的就是笼罩过来。

        “砰砰砰!”

        九个人,全部都被轰飞而去,口吐鲜血。

        “怎么可能?”

        夜色里,萧羽的眼睛显得极为的妖异,整个院子都被那种恐怖的杀意给笼罩了。

        “他身上有古怪!走!”苏明喝了一声,马上就是和几人离开而去。

        萧羽没有去追他们,看到一动不动,断气的大黄,他的心,在滴血。

        他恨自己连唯一朋友都保护不了,他更加憎恨自己的软弱,一种无比自责和羞愤忽然涌上心头。

        不一会儿,不知道是因为羞愤还是因为劳累,萧羽昏迷了过去……</p> -->
         
         <!-- <div class="box2">hello</div> -->
        <!-- <div class="box3">hello</div> -->
        <span>我是一个span</span>
</body>
</html>

内联元素浮动后:
在这里插入图片描述
文字环绕图片
在这里插入图片描述


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值