×

CSS文章/教程

1024程序节|你知道老师上课随机点名是怎么实现的吗

雪先生 雪先生 发表于2024-04-21 浏览4404 评论0
   个人主页:天寒雨落的博客_CSDN博客-C,CSDN竞赛,python领域博主 目录 前言 随机点名 搭建主体框架 简述 执行代码 添加功能 块级元素随机输出姓名 Math.random() Math.round()  按钮控制开始/结束 onclick() clearInterval() 简述 完整代码 执行结果  片尾彩蛋 前言 身为程序员的你 ,在老师使用工具随机摇人的时候,你是心里紧张的默念“抽不到我,抽不到我”,还是在琢磨老

CSS文章/教程

css鼠标移入变成小手(css当鼠标移至时变小手)

T度梦想 T度梦想 发表于2024-04-20 浏览7182 评论0
1、用css 添加手状样式,鼠标移上去变小手,变小手    cursor:pointer; 2、用JS使鼠标变小手onmouseover(鼠标越过的时候)       οnmοuseοver="this.style.cursor='hand'" cursor其他取值   auto                    :标准光标   default                 :标准箭头   pointer, hand                   :手形光标   wait    

CSS文章/教程

uniapp 之 获取底部安全距离,状态栏高度等(uniapp获取元素距离顶部的高度)

™無聲煩の告別™ ™無聲煩の告別™ 发表于2024-04-20 浏览5054 评论0
工作中我们常常需要设置一些特定样式: 固定底部按钮 自定义顶部导航栏 …… 固定底部按钮 这里需要注意的是,真机运行时底部时IOS是存在安全距离的,这个时候就需要我们处理一下 .u-fixed-b { position: fixed; bottom: 0; left: 0; right: 0; padding: 24rpx; padding-bottom: calc(24rpx + constant(safe-area-inset-bottom));

CSS文章/教程

前端200道面试题及答案(更新中)(前端常见面试题及答案)

天上的小小 天上的小小 发表于2024-04-20 浏览27982 评论0
目录 html相关 1)说一下对cookie和Storage(localStorage和sessionStorage) 的认识和区别? 2)link和@import的区别 3)浏览器如何实现不同标签页的通信? 4)iframe的优缺点 5)canvas 6)做项目用到哪些h5新特性和css3新特性? 7)用localstorage和sessionStorage写过什么? 8)如何解决页面内容加载缓慢的问题? 9)cookie的特点* 10)页面渲染过程 11)网页

CSS文章/教程

Web网页基于html、CSS设计——“爱家居”素材

dede58织梦模板 dede58织梦模板 发表于2024-04-19 浏览4548 评论0
Hello!大家好,今天给大家分享一下关于“爱家居”网页设计的整体思路和流程。 目录 一、实现效果: 二、设计思路: 1、网页header设计: 2、网页content设计: 3、网页foot设计: 4、侧边栏sidebar设计: 三、代码集合: 四、素材源码: 一、实现效果:     二、设计思路: 整个页面的盒子模型。  以上就是本次项目整体的盒子模型。 1、网页header设计: 网页头部盒子模

CSS文章/教程

parsel的使用(保姆级别)

卜慧 卜慧 发表于2024-04-19 浏览10954 评论0
如果将xpath和css穿插起来,那是不是可以更灵活呢? 这里我们介绍另一个解析库叫做parsel。 1.介绍 parsel这个库可以解析HTML和XML,并支持使用Xpath和CSS选择器对内容进行提取和修改,同时还融合了正则表达式的提取功能。parsel灵活且强大,同时也是python最流行的爬虫框架Scrapy的底层支持 安装 pip3 install parsel 2.初始化 html = ''' <div> <ul>

CSS文章/教程

H5页面不同屏幕适配:纯CSS方案

timeduoduoba timeduoduoba 发表于2024-04-19 浏览5930 评论0
背景 UI给出的设计稿,一般是以iphone6屏幕大小为准,也就是宽高为375 * 667,激进一些的还会使用414 * 736的设计稿。在其他不同尺寸的屏幕上适配的问题也就由此诞生,一般新搭建的项目都要处理这个问题。 常见方案 目前市面上比较常见的有两种方案:rem方案、viewport方案 rem方案 通过计算屏幕宽度比,对html标签设置font-size为px,子元素都使用rem标识 <script type="text/javascript"> !(func

CSS文章/教程

css盒子模型详解(css盒子模型详解图)

李秋波 李秋波 发表于2024-04-19 浏览5071 评论0
目录 一,什么是盒子模型?    二,盒子模型内容context部分详解 1,内容context部分的大小如何确定? 2,如何手动修改内容context的大小? 三,盒子模型内边距padding部分详解 1,什么是内边距padding? 2,padding单边属性 3,padding简写属性 4,padding注意事项 四,盒子模型边框border部分详解 1,边框border样式 2,边框border宽度 3,边框border颜色 4,边框border单独各边属性

CSS文章/教程

什么是BFC,他有什么用?(什么是bfc,他有什么用处)

友情链接 友情链接 发表于2024-04-18 浏览16033 评论0
1、什么是BFC BFC - Block Formatting Context 块级格式化上下文 BFC的定义,在官方文档到中是这么介绍的:一个BFC区域包含创建该上下文元素的所有子元素,但是不包括创建了新的BFC的子元素的内部元素,BFC是一块块独立的渲染区域,可以将BFC看成是元素的一种属性,拥有了这种属性的元素就会使他的子元素与世隔绝,不会影响到外部其他元素 那具体是啥意思呢 假设box1和box5是两个BFC区域,那么根据上述原理能理解到的就是,box1这个BFC区域包含了子元素

CSS文章/教程

【Web前端】实现网页的导航栏和下拉菜单(HTML+CSS)

何程 何程 发表于2024-04-18 浏览4215 评论0
前言 熟练的使用导航栏,对于任何网站都非常重要,我们可以使用CSS转换为好看的导航栏而不是枯燥的HTML菜单。同时,我们使用 CSS 可以创建一个鼠标移动上去后显示下拉菜单的效果。 水平导航栏: 垂直导航栏: 一.CSS导航栏 1. HTML设置菜单项 使用CSS可以美化HTML的菜单!导航栏类似于链接列表,所以使用<ul>属性来创建,效果如下: <ul> <li><a href="#">新晋作者</a>