HTML和CSS
html和css
MrQiuGH
搬砖工程师
展开
-
关于移动端弹窗内容滚动底部页面不滚动的问题
弹窗内容区域可滚动,在显示弹窗的时候,底部内容区不能滚;关闭弹窗后,底部内容区可滚动。1.弹窗内容区不需要滚动直接在touchmove事件中设置e.preventDefault();阻止默认事件,这样底部就不会滚动。但是弹窗内容也不会滚动了。2.弹窗内容区需要滚动显示弹窗时,让下面的页面 fixed 定位,弹窗消失时候,再还原 relative 定位。.fixed { overflow: hidden; position: fixed; top: 0; left: 50%; .原创 2022-02-10 15:37:01 · 1203 阅读 · 0 评论 -
CSS3中:nth-child() 的使用-区间选择
:nth-child(2n) //选择偶数项:nth-child(3n) //选择3的倍数项:nth-child(2n-1) //选择奇数项:nth-child(n+4) //选择大于 4 的项,直到最后一个:nth-child(-n+4) //选择小于 4 的项,直到第一个:nth-child(n+5):nth-child(-n+8) //选择一个区间,第五个到第八个[5,8]举个栗子:设置第五个到第八个li的高度和其他不同。li { heigh原创 2020-12-30 14:38:30 · 1649 阅读 · 0 评论 -
面经总结-HTML+CSS
什么是标签语义化?有什么意义?根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读,写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。像标题(H1~H6)、列表(li)、强调(strong em)在没有 CSS 的情况下,页面也能呈现出很好地内容结构、代码结构;有利于 SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重;便于团队开发和维护,语义化更具可读性,遵循 W3C 标准的团队都遵循这个标准,可以减少差异化。原创 2020-12-03 12:19:32 · 107 阅读 · 0 评论