来听听我讲个搞笑事！京东上那个首页展示怎么都不带动弹的效果，是用啥魔法技术弄出来的呢你知道吗？好奇不？别急，咱俩慢慢找，一定能找到这个好玩意在哪儿！
你们知道HTML跟CSS吗？它们可是搭建网站的基本功！网上那些牛逼网站如淘宝、京东哪个不是先设计好页面再慢慢添砖加瓦？所以，初始化有什么作用？就让你在各种浏览器上看起来一模一样咯！例如，你用clearfix:after就能消除浮动，效果真是杠杠滴！
咱们来说说网页布局！你听说过没，做网页先要定好规范流动元素（大哥大），再看要不要用浮动或定位啥的。这是为啥？就是因为它们大小变化不大呗！调尺寸？简单死，给padding或margin就好了。记住，行内块元素中间的间隔一般也就几个像素而已哟~
没接触过BFC模式和清浮动也没关系，只要巧妙地在css中加个overflow:hidden就能搞定，除此之外，还可以顺手把浮动给干了~记住操作时要按照规定的步骤，那就是在clearfix:before和clearfix:after上分别添加content: “” 属性和display: table。
快来聊聊那个定位和层次问题呀。记住没trbl值的纯定位元素就在那儿不动弹了；而且啥？如果随便把它们定好档，全挤在第0层，后面的东西全被遮盖！所以，想调整它们的位置得用那个超强力武器——z-index！可是别忘了相对定位position: relative虽然不会影响原本顺位，但是也要占用地方滴，搞不好别的东西就被挡住了！
告诉你们一招绝活儿，透明度这个东西超级实用！它不只是改变背景色而已，连里面的东东都变得半透明了。比如，调整一下旁边元素的大小就能控制边框颜色，就跟商场网站那范儿似的拽！
好，我就来聊聊HTML和CSS怎么玩儿，说不定对你们有用。希望大家多多顶我们看完这篇文章，觉得HTML和CSS其实不难学吗？喜欢做网站的同学们赶紧试试看，肯定有惊喜！要是学得不明白或有所收获，记得给我留言还有，别忘了分享这篇文章，让更多人学到知识！
评论0