css样式及定位

边框

  • border-width: 2px;-------边框宽度
  • border-style: dashed;-------边框样式 dashed虚线/solid实线
  • border-color: aqua;-------边框颜色
  • border: 4px solid aqua-------(连写)宽度 样式 颜色
  • border-radius-----边框圆角效果 border-radius:50%-----圆
  • border-top-left-radius: 40%;------边框左上角变成四分之一圆弧
<style>
        div {
            width: 300px;
            height: 300px;
            background-color: pink;
            /* border-radius: 10px; */
            /* border-width 边框宽度 */
            /* border-width: 20px;
            border-style: solid;
            border-color: rgb(35, 223, 18); */
            border: 4px solid black;
            /* border-radius: 50%;    边框弧度*/
            border-top-left-radius: 40%;
        }
    </style>
</head>


<body>
    <div>
        我是一个盒子
    </div>
</body>

合并相邻边框

  • cellspacing=“0”-------删除单元格之间空隙

  • border-collapse: collapse;------合并相邻边框

  <style>
          table {
              /* 合并相邻边框 */
             border-collapse: collapse;
        }
  
  
          td {
              border: 5px solid red;
          }
      </style>
  </head>
  
  
  <body>
  
      <table cellspacing="0">
          <tr>
              <td>dsnkd</td>
              <td>cdcdzc</td>
              <td>cdcd</td>
  
  
  
          </tr>
      </table>
  </body>

请添加图片描述请添加图片描述请添加图片描述

阴影

box-shadow: 20px 20px 10px 10px black;-----阴影

<style>
        div {
            width: 300px;
            height: 300px;
            background-color: pink;
            /* box-shadow: 20px 20px 10px 10px black; */
        }
        p {
            text-shadow: red 5px 5px;
        }
    </style>

轮廓线

outline: none;--------去掉轮廓线

<style>
        input[type="text"] {
            outline: none;
            outline-style: groove;
        }
    </style>

</head>
<body>
    <input type="text" name="aaaa" id="">
    <input type="password" name="aaaa" id="">


</body>

防拖拽

  • resize: none-----防止文本拖拽
  • textarea-----文本域
  • vertical-align: top-----文本置顶
  • vertical-align: middle-----文本居中
  • vertical-align: bottom-----文本置底
<style>
        textarea {
            /* 防止文本拖拽 */
            resize: none;
            /* vertical-align改变与文字的对齐方式 */
            vertical-align: top;
            vertical-align: middle;
            vertical-align: bottom;
        }
    </style>

</head>

<body>
    <span>请输入个人介绍:</span>
    <textarea name="xsnsmx" id="" cols="30" rows="10"></textarea>
</body>

隐藏元素

  • opacity: 0-----透明度为0
  • display:none —不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。脱离文档流,原来的位置不再保留
  • visible:hidden— 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到。元素隐藏,位置保留
<style>
        div {
            width: 300px;
            height: 300px;
        }
        .box1 {
            /* display: none;   脱离文档流,原来的位置不再保留 */

            /* display: none; */

            /*visibility: hidden;  元素隐藏,位置保留  */

            /* visibility: hidden; */
            /* opacity: 0; */
            background-color: pink;
        }

        .box2 {
            background-color: aquamarine;
        }
    </style>
</head>
<body>
    <div class="box1">111</div>
    <div class="box2">111</div>

</body>

绝对定位

  • position: absolute-----绝对定位:不保留原来位置(子盒子相对于浏览器进行移动)

  • position: relative-----相对定位(子盒子相对于父盒子进行移动)

    子绝

子绝父相

父亲没有相对定位,继续向上找,谁有相对定位,以谁作为参考移动,如果都没找到,则相对于浏览器进行定位

<style>
        .grandfather {
            position: relative;
            width: 1200px;
            height: 1200px;
            background-color: aquamarine;
        }

        .father {
            /* position: relative; */

            width: 600px;
            height: 600px;
            background-color: pink;
            margin: 400px;
        }

        .son {
            /* position: absolute;  绝对定位:不保留原来位置  子绝父相   父亲没有相对定位,继续向上找,谁有相对定位,以谁作为参考移动
            如果都没找到,则相对于浏览器进行定位
            */

            position: absolute;
            /* top: -100px; */
            bottom: -100px;
            left: 500px;
            width: 100px;
            height: 100px;
            background-color: aqua;
        }

        .son2 {
            width: 100px;
            height: 100px;
            background-color: rgb(40, 65, 65);
        }
    </style>
</head>

<body>
    <div class="grandfather">
        <div class="father">
            <div class="son">1</div>
            <div class="son2">2</div>

        </div>
    </div>
</body>

固定定位

  • position: fixed-----固定定位
<style>
        body {
            height: 4000px;
        }

        div {
            /* 固定定位:相对于可视区域进行定位 */
            position: fixed;
            right: 40px;
            top: 50%;
            width: 100px;
            height: 100px;
            background-color: pink;
        }
    </style>
</head>

<body>
    <div>
        小妲己
    </div>
</body>

粘性定位

  • position: sticky;-----粘性定位

    top: 0;-----距离顶部0

 <style>
        body {
            height: 4000px;
        }

        .one {
            position: sticky;
            top: 0;
            background-color: pink;
        }
    </style>
</head>

<body>
    <p>
        认识自己,降伏自己,改变自己,成就自己。

        一直没有取得成功,说明我们的思想,行为,认知是不正确的。或者是我们的品德修为不够,不足以承载太多的东西。

        这时候的人就要通过自省,重新认识自己。砸烂自己思想里不正确的观念,纠正不正确的行为、习惯。只有彻底改变自己,才能最终取得成功。

        一次偶然的机会,在网络上看到巴菲特的合作伙伴芒格说了走向成功的四句话。

        感觉非常的接地,自己按照这四句话彻底改变了自己,确实一天比一天进步了。

        今天把它推荐给大家,一起进步。 </p>


    <p>1、不要过度消费

        历览前贤国与家,成由勤俭破由奢。何须琥珀方为枕,岂得真珠始是车。

        从古至今的国家与家庭,但凡成功兴旺的,都养成了勤俭节约的好习惯;而那些灭亡的国家,落败的家庭,都是因为铺张浪费导致的。

        千万不要相信钱不是省出来的这句话,这句话害了无数的人。

        在没有积累到人生第一桶金的时候,一定要有计划的消费,勤俭、节约才是根本。

        合抱之木,生于毫末。九层之台,起于累土。千里之行,始于足下。

        此语出自老子的《道德经》,意思是:合抱的大树,是从小小的嫩芽长起来的;九层高的高台,是一筐一筐的土垒起来的;身在千里之外,是一步一步走过来的。

        再多的钱也是一分一分叠加起来的,你今天节约了没必要消费的一百元钱,就等于你又赚了一百元。

        由俭入奢易,由奢返俭难。</p>


    <p class="one">2、养成终生学习的习惯

        此刻打盹,你将做梦;此刻学习,你将圆梦。

        当你开始认为自己啥也不是的时候,说明你觉醒了;当你以空杯的心态开始读书、学习的时候,说明你要转运了。

        毛泽东说:“饭可以一日不吃,觉可以一日不睡,书不可以一日不读。”

        伟人尚且知道读书、学习,何况我们。想改变自己的命运,必须养成终身学习的好习惯。

        即使百年老店,都是边做边学习。

        穷不读书,穷根不断;富不读书,富不长久;三代不读书,一屋全是猪。

        读书,是对抗平庸,驱赶迷茫,提升自己认知最便宜,最方便,最实用的方法。

        改变自己就从读书开始,你想要的书中都有。

        书中自有黄金屋,书中自有颜如玉。</p>


    <p>3、远离有毒的人和有毒的活动

        跟着蜜蜂,找到花朵;跟着苍蝇,找到厕所。

        想成为什么样的人,就要和什么样的人在一起,人生最重要的就是要远离有毒的人和有毒的活动。

        和酒鬼在一起,他只会劝你干杯;和吸毒的人在一起,他只会劝你吸毒;与赌徒在一起,他只会拉你赌博。

        与凤凰同飞,必是俊鸟;与虎狼同行,必是猛兽;与智者同行,不同凡响;与高人为伍,登上巅峰。

        想成为什么样的人,就要和什么样的人在一起。人生最重要的就是要远离有毒的人和有毒的活动。

        到了一定的年龄,一定要有取舍的智慧,给自己做做减法。

        和能量高、人品好的成功人士一起,他会为你答疑解惑、会给你引路、能提升你的认知、能给你带来动力。

        远离有毒的人和事,多接触正能量的人,你就能遇见更好的自己。
    </p>


    <p> 4、多做延迟满足的事情

        人生都是先苦后甜,要控制及时享乐的欲望,克服唾手可得的的快乐,才能获得非凡的人生。

        延迟满足指的是人们一种甘愿为更有价值的长远结果而放弃即时满足的选择取向,还包括在等待的时候展示的自我控制能力。

        美国的教授做了一个延迟满足的实验:把十几个孩子放在一个单独的房间里,每个人的桌子上都放了一块糖。

        研究人员告诉孩子们可以马上吃掉糖,但是如果能等科研人员回来就可以再得到一块糖。

        也就是说想得到更多的糖,必须放弃即时的满足。

        等待的过程是很困难的,可是你只有克服了困难才能获得长远的利益,获得更大的回报。

        为了成功,我们必须学会忍耐控制欲望,不要小富即安,切记人都是熬出来的。
    </p>
    <p>
        认识自己,降伏自己,改变自己,成就自己。

        一直没有取得成功,说明我们的思想,行为,认知是不正确的。或者是我们的品德修为不够,不足以承载太多的东西。

        这时候的人就要通过自省,重新认识自己。砸烂自己思想里不正确的观念,纠正不正确的行为、习惯。只有彻底改变自己,才能最终取得成功。

        一次偶然的机会,在网络上看到巴菲特的合作伙伴芒格说了走向成功的四句话。

        感觉非常的接地,自己按照这四句话彻底改变了自己,确实一天比一天进步了。

        今天把它推荐给大家,一起进步。 </p>


    <p>1、不要过度消费

        历览前贤国与家,成由勤俭破由奢。何须琥珀方为枕,岂得真珠始是车。

        从古至今的国家与家庭,但凡成功兴旺的,都养成了勤俭节约的好习惯;而那些灭亡的国家,落败的家庭,都是因为铺张浪费导致的。

        千万不要相信钱不是省出来的这句话,这句话害了无数的人。

        在没有积累到人生第一桶金的时候,一定要有计划的消费,勤俭、节约才是根本。

        合抱之木,生于毫末。九层之台,起于累土。千里之行,始于足下。

        此语出自老子的《道德经》,意思是:合抱的大树,是从小小的嫩芽长起来的;九层高的高台,是一筐一筐的土垒起来的;身在千里之外,是一步一步走过来的。

        再多的钱也是一分一分叠加起来的,你今天节约了没必要消费的一百元钱,就等于你又赚了一百元。

        由俭入奢易,由奢返俭难。</p>


    <p>2、养成终生学习的习惯

        此刻打盹,你将做梦;此刻学习,你将圆梦。

        当你开始认为自己啥也不是的时候,说明你觉醒了;当你以空杯的心态开始读书、学习的时候,说明你要转运了。

        毛泽东说:“饭可以一日不吃,觉可以一日不睡,书不可以一日不读。”

        伟人尚且知道读书、学习,何况我们。想改变自己的命运,必须养成终身学习的好习惯。

        即使百年老店,都是边做边学习。

        穷不读书,穷根不断;富不读书,富不长久;三代不读书,一屋全是猪。

        读书,是对抗平庸,驱赶迷茫,提升自己认知最便宜,最方便,最实用的方法。

        改变自己就从读书开始,你想要的书中都有。

        书中自有黄金屋,书中自有颜如玉。</p>


    <p>3、远离有毒的人和有毒的活动

        跟着蜜蜂,找到花朵;跟着苍蝇,找到厕所。

        想成为什么样的人,就要和什么样的人在一起,人生最重要的就是要远离有毒的人和有毒的活动。

        和酒鬼在一起,他只会劝你干杯;和吸毒的人在一起,他只会劝你吸毒;与赌徒在一起,他只会拉你赌博。

        与凤凰同飞,必是俊鸟;与虎狼同行,必是猛兽;与智者同行,不同凡响;与高人为伍,登上巅峰。

        想成为什么样的人,就要和什么样的人在一起。人生最重要的就是要远离有毒的人和有毒的活动。

        到了一定的年龄,一定要有取舍的智慧,给自己做做减法。

        和能量高、人品好的成功人士一起,他会为你答疑解惑、会给你引路、能提升你的认知、能给你带来动力。

        远离有毒的人和事,多接触正能量的人,你就能遇见更好的自己。
    </p>


    <p> 4、多做延迟满足的事情

        人生都是先苦后甜,要控制及时享乐的欲望,克服唾手可得的的快乐,才能获得非凡的人生。

        延迟满足指的是人们一种甘愿为更有价值的长远结果而放弃即时满足的选择取向,还包括在等待的时候展示的自我控制能力。

        美国的教授做了一个延迟满足的实验:把十几个孩子放在一个单独的房间里,每个人的桌子上都放了一块糖。

        研究人员告诉孩子们可以马上吃掉糖,但是如果能等科研人员回来就可以再得到一块糖。

        也就是说想得到更多的糖,必须放弃即时的满足。

        等待的过程是很困难的,可是你只有克服了困难才能获得长远的利益,获得更大的回报。

        为了成功,我们必须学会忍耐控制欲望,不要小富即安,切记人都是熬出来的。
    </p>
    <p>
        认识自己,降伏自己,改变自己,成就自己。

        一直没有取得成功,说明我们的思想,行为,认知是不正确的。或者是我们的品德修为不够,不足以承载太多的东西。

        这时候的人就要通过自省,重新认识自己。砸烂自己思想里不正确的观念,纠正不正确的行为、习惯。只有彻底改变自己,才能最终取得成功。

        一次偶然的机会,在网络上看到巴菲特的合作伙伴芒格说了走向成功的四句话。

        感觉非常的接地,自己按照这四句话彻底改变了自己,确实一天比一天进步了。

        今天把它推荐给大家,一起进步。 </p>


    <p>1、不要过度消费

        历览前贤国与家,成由勤俭破由奢。何须琥珀方为枕,岂得真珠始是车。

        从古至今的国家与家庭,但凡成功兴旺的,都养成了勤俭节约的好习惯;而那些灭亡的国家,落败的家庭,都是因为铺张浪费导致的。

        千万不要相信钱不是省出来的这句话,这句话害了无数的人。

        在没有积累到人生第一桶金的时候,一定要有计划的消费,勤俭、节约才是根本。

        合抱之木,生于毫末。九层之台,起于累土。千里之行,始于足下。

        此语出自老子的《道德经》,意思是:合抱的大树,是从小小的嫩芽长起来的;九层高的高台,是一筐一筐的土垒起来的;身在千里之外,是一步一步走过来的。

        再多的钱也是一分一分叠加起来的,你今天节约了没必要消费的一百元钱,就等于你又赚了一百元。

        由俭入奢易,由奢返俭难。</p>


    <p>2、养成终生学习的习惯

        此刻打盹,你将做梦;此刻学习,你将圆梦。

        当你开始认为自己啥也不是的时候,说明你觉醒了;当你以空杯的心态开始读书、学习的时候,说明你要转运了。

        毛泽东说:“饭可以一日不吃,觉可以一日不睡,书不可以一日不读。”

        伟人尚且知道读书、学习,何况我们。想改变自己的命运,必须养成终身学习的好习惯。

        即使百年老店,都是边做边学习。

        穷不读书,穷根不断;富不读书,富不长久;三代不读书,一屋全是猪。

        读书,是对抗平庸,驱赶迷茫,提升自己认知最便宜,最方便,最实用的方法。

        改变自己就从读书开始,你想要的书中都有。

        书中自有黄金屋,书中自有颜如玉。</p>


    <p>3、远离有毒的人和有毒的活动

        跟着蜜蜂,找到花朵;跟着苍蝇,找到厕所。

        想成为什么样的人,就要和什么样的人在一起,人生最重要的就是要远离有毒的人和有毒的活动。

        和酒鬼在一起,他只会劝你干杯;和吸毒的人在一起,他只会劝你吸毒;与赌徒在一起,他只会拉你赌博。

        与凤凰同飞,必是俊鸟;与虎狼同行,必是猛兽;与智者同行,不同凡响;与高人为伍,登上巅峰。

        想成为什么样的人,就要和什么样的人在一起。人生最重要的就是要远离有毒的人和有毒的活动。

        到了一定的年龄,一定要有取舍的智慧,给自己做做减法。

        和能量高、人品好的成功人士一起,他会为你答疑解惑、会给你引路、能提升你的认知、能给你带来动力。

        远离有毒的人和事,多接触正能量的人,你就能遇见更好的自己。
    </p>


    <p> 4、多做延迟满足的事情

        人生都是先苦后甜,要控制及时享乐的欲望,克服唾手可得的的快乐,才能获得非凡的人生。

        延迟满足指的是人们一种甘愿为更有价值的长远结果而放弃即时满足的选择取向,还包括在等待的时候展示的自我控制能力。

        美国的教授做了一个延迟满足的实验:把十几个孩子放在一个单独的房间里,每个人的桌子上都放了一块糖。

        研究人员告诉孩子们可以马上吃掉糖,但是如果能等科研人员回来就可以再得到一块糖。

        也就是说想得到更多的糖,必须放弃即时的满足。

        等待的过程是很困难的,可是你只有克服了困难才能获得长远的利益,获得更大的回报。

        为了成功,我们必须学会忍耐控制欲望,不要小富即安,切记人都是熬出来的。
    </p>

</body>

请添加图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值