您现在的位置是:首页 > 网站制作 > CSS3|Html5CSS3|Html5

伪元素 before、after的介绍 和 元素隐藏不可见的两种方式区别

胜于蓝2019-07-30【CSS3|Html5】人已围观

简介伪元素1.元素 before 在父元素中所有子元素的开头添加一个伪元素 eg: .box:before{ content: "SharedBlog"; 或 content: url(img/1.jpg);}2.元素 after 在父元

伪元素FFi胜于蓝|优秀个人博客

1.元素 beforeFFi胜于蓝|优秀个人博客

    在父元素中所有子元素的开头添加一个伪元素FFi胜于蓝|优秀个人博客

    eg:FFi胜于蓝|优秀个人博客

 FFi胜于蓝|优秀个人博客

.box:before{
    content: "SharedBlog"; 或 content: url(img/1.jpg);
}
2.元素 after

    在父元素中所有子元素的最后添加一个伪元素FFi胜于蓝|优秀个人博客

    eg:FFi胜于蓝|优秀个人博客

 FFi胜于蓝|优秀个人博客

.box:after{
    content: "百变鹏仔";
    display: block;
    width: 500px;
    height: 300px;
}
    注:

         伪元素是内联元素;FFi胜于蓝|优秀个人博客

        ② 无论伪元素的内容是否为空,content都必须添加,不能省略;FFi胜于蓝|优秀个人博客

         :after 常用来清除浮动,解决高度塌陷问题。FFi胜于蓝|优秀个人博客

 FFi胜于蓝|优秀个人博客

元素隐藏不可见的两种方式的区别FFi胜于蓝|优秀个人博客

    (display: none; 和 visibility: hidden; 的区别)FFi胜于蓝|优秀个人博客

     display: none; 元素隐藏不可见,位置不保留(看不见,摸不着);FFi胜于蓝|优秀个人博客

     visibility: hidden; 元素隐藏不可见,位置保留(看不见,摸得着)。FFi胜于蓝|优秀个人博客

Tags:

很赞哦! ()

文章评论

当前时间

合作加盟

  • 快钱POSS机
  • 费率:0.038%(刷1千=38元手续费)闪付
  • 单笔最高刷卡金额:5万
  • 单月最高刷卡金额:600万

快钱代理公告

  • 凡事扫码代理必须实名认证
  • 实名认证后才可拉进代理微信群
  • 代理微信群有相关活动政策等

站点信息

  • 建站时间:2018-10-24
  • 网站程序:帝国CMS7.5
  • 主题模板《今夕何夕》
  • 文章统计1708篇文章
  • 标签管理标签云
  • 统计数据百度统计
  • 微信公众号:扫描二维码,关注我们

X客服在线

关于

服务时间

周一至周日 9:00-22:00