css 题目笔记（本文收集了一些个人觉得比较有意思的css题目，欢迎大家给出自己的解答）

1.本文收集了一些个人觉得比较有意思的css题目，欢迎大家给出自己的解答

  1. P标签的最大宽度不可以大于H2标签文字宽度的10%

    这里应该是P标签的最大宽度由前面的匿名内联元素宽度（就是大字号文字宽度）决定，可参见最后期望效果GIF示意。

  2. H2标签不能失去高度（h2 文字高度+p 标签高度 = h2 标签高度）

　　HTML结构（不允许修改）

　　<h2>
　　　　IPHONE XR<br>
　　　　IS THE FUCKING<br>
　　　　BEST EVER MADE
　　　　<p>iPhone XR has not been authorized as required by the rules of the Federal Communications Commission. iPhone XR is not, and may not be, offered for sale or lease, or sold or leased, until authorization is obtained.</p>
　　</h2>

　　基础CSS样式

　　h2{
    　　font-size: 52px;
　　    font-weight: bold;
   　　 color: #000;
　　}
　　p{
   　　 font-size: 12px;
    　　color: #333;
　　}

二.使用纯css 制作tab选项卡（在最近一次项目中所参考对象发现其tab轮播选项卡为css制作）
　　1.提示若需滚动效果可使用css scroll-behavior:smooth; 属性
posted @ 2018-10-25 22:40  link_xjxj  阅读(244)  评论(0)  编辑  收藏  举报