web作业——模仿腾讯视频：问题与解决（html+css）
首先要提一下作业的要求了：
模仿腾讯视频，不少于4个浏览页面，同时要适配手机端
1.关于布局
我给适配手机端加了粗！唉，这就是我犯得一个最大的错误了
刚开始做的时候想着到最后再适配手机。
然后就定位，px等一通用上，直接就把网页写死了。
各位看到木有，就这种情况直接变形
导致最后傻眼了，只得用媒体查询一点一点修。
所以说希望各位业余的这种的话不要跟我一样，要在开头就要考虑手机端了
或使用网格系统或是用flex布局。
2.关于优先级的问题
在做的的时候，有时候加css效果时不管咋试都加不上，
那么这时候就要考虑一下是不是优先级的问题了。
有些时候，优先级过低导致所加的效果没用。
这种情况可以提高其优先级，例如直接在html标签里加style样式等等
3.关于继承
做网页的时候总是遇到儿子继承的有父亲的某些样式，
所以有时候可以直接给父亲样式，儿子就不用给了，
让它继承父亲就好。
4.关于浮动
注意浮动的元素是不占用位置的，就是说一旦加了浮动，其本身的位置就相当于没了。其之后的标准流元素就会补上去，把位置给占了。导致出现一种元素重叠的问题。这时候就要来清除浮动。
可以用overflow：hidden
或是在浮动元素后加一个空盒子给其设置clear：both等等
5.关于命名
做一些小网页的时候还没啥
但是一旦做了大网页，最起码也得好几天才能写完的那种
就一定一定要注意命名以及加注释
若是随意的取名：叫个a,b,c,d.
或是one，two，three。等一些名字
就容易自己把自己搞迷。
你会明白第一天写的 过了几天后，咦！这写的是啥 a是啥，b是啥
6.关于调试工具
网页是个细致活，你有时候得追求1px的精确
或许多了这几px，盒子都被挤下去了
所以说f12这个调试工具可以直接修改px等一些标签的有无让你发现问题
以及找到适合的px
现在的效果：
目前的话就这几个问题，还未完工，差点东西，之后再补充。
web作业——模仿腾讯视频：问题与解决（html+css）相关推荐
- vue+element模仿腾讯视频电影网站（二），增加视频播放详情页
一.前言 1. 本项目在线预览:点击访问 2. 作者其他博客成品汇总预览:点击访问 3. 接上一篇:<vue+element模仿腾讯视频电影网站> 暂时源码并没有提供其他获取渠道,私聊作者 ...
- 道客巴巴vip账号共享2020_腾讯视频VIP怎么两个手机通用？
理论上来说,腾讯视频VIP可以同时在3个设备上登录,但只能在2个设备上同时播放视频.这也就意味着,腾讯视频VIP可以在两个手机上同时使用. 腾讯视频VIP基本可以分为微信区.QQ区,两者并不互通.近期 ...
- 腾讯视频web端如何去水印？学会这招你想去啥就去啥
最近在皮皮虾看了白静羽道长讲<梅花易数>,对伏羲八卦先天八卦产生了兴趣,突然想到电影<寻龙诀>有关于八卦的场景,于是乎想进一步学习,看看影视作品是否欺负我们这个不懂道教文化的普 ...
- HTML5期末大作业：网站——响应式网络游戏官网HTML+CSS+JavaScript ~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计 ~大学生个人网站作业模板 ~简单个人网页
HTML5期末大作业:网站--响应式网络游戏官网HTML+CSS+JavaScript ~ 学生HTML个人网页作业作品下载 ~ web课程设计网页规划与设计 ~大学生个人网站作业模板 ~简单个人网页 ...
- TML+CSS+JS大作业：腾讯课堂首页 1页 侧拉菜单
⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 家公司官网网站 | 企业官网 | 酒店官网 | 等网站的设计与 ...
- html列表按时间排序代码_程序员小白必看：腾讯视频版排序列表的实现
每当我们对国产剧失望的时候 总会有一部令人惊喜的剧目横空出世 这几天你一定被一个国产剧刷屏了 它就是<隐秘的角落> 图片源于网络,仅作配文展示 也许你并不是"第一个吃螃蟹的人&q ...
- 腾讯视频云支持超300万场次直播带货 助力企业一天搭建直播间
5月21日,腾讯产业互联网沙龙通过腾讯会议线上举办,围绕"科技助力中小微企业破局"话题,腾讯视频云业务总经理李郁韬 .腾讯云生态建设总经理王莹.腾讯云云开发产品负责人王倩与数百家企 ...
- 计算机图标ps教程视频,PS制作腾讯视频标志 -电脑资料
的朋友们大家好,在也有一年多了,这一年多来一直在网和的QQ群里学习,收获挺大的,简单来说,现在也不算是一个菜鸟了, FEVTE编注:更多鼠绘教程学习和鼠绘技术讨论交流和鼠绘作业提交请进入论坛PS鼠绘交 ...
- 腾讯视频Node.js服务是如何支撑国庆阅兵直播高并发的？
导语 | 上个月,我有幸参与了腾讯视频国庆阅兵直播页面开发的相关工作,最终,累计观看2.38亿人次,经受住了高并发的考验.在参于Glama框架的开发维护及平时基础建设相关讨论实践中,对高并发有一些部分 ...
最新文章
- 0基础培训java必须掌握的一些知识点
- JavaScript权威设计--CSS(简要学习笔记十六)
- java中的与运算符
- Java微框架：不可忽视的新趋势--转载
- Kettle常用的配置文件
- 【C语言简单说】七：自定义函数(1)
- ie8支持jq的html,jquery 什么版本不能用 ie8
- 提高mysql性能_提升MySQL性能值得借鉴的几个简易方法
- ctfmon.exe windows输入法无法启动
- 关于ABAP调试中的F5，F6，F7，F8的区别和用法
- 规划--如何成为一名web安全工程师
- w3wp ash oracle,巧妙使用ASH信息
- MMDeteceion之系列一（环境安装、模型测试、训练以及模型后处理工具）
- 2020大疆校招B卷第二题
- unity沙子堆积_unity游戏动态体积雾沙尘暴管理渲染插件Dynamic Fogamp;Mist 6.5 - 素材巷...
- (2022)Epic添加本地游戏
- VUE构建工具-姜威-专题视频课程
- java的environment_Java - 环境设置(Environment Setup)
- okl4 linux,数据接入 API
- C# 引用C++动态库方法