巧用css内容生成

标签：padding   line   spl   出现   问题   解决   css   陷阱   after   

1.      .box:before{content:"生成内容";}在.box内部的内容之前加上生成内容

2.       .box:after{content:"生成内容"; 

color:red; font-weight:bold;}----只对生成的内容进行操作

3，  css设计陷阱：子元素的margin越界问题

以前的解决方法：

1   用父元素的padding代替子元素的margin
2  给父元素设置边框
3  在父元素中设置  overflow：hidden；

 问题根本：是第一个元素才会出现此问题，第二个元素不会越界
现在用内容生成解决：

巧用css内容生成

标签：padding   line   spl   出现   问题   解决   css   陷阱   after   

原文地址：https://www.cnblogs.com/bydzhangxiaowei/p/9042633.html