
HTML
HTML 学习笔记
xiaoShengSanYue
这个作者很懒,什么都没留下…
展开
-
网页源码中写的是http请求, 但是最后发出的却是 https
这个绝对是个巨坑啊, 我花了一下午的时间终于找到原因了<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">就是因为上面这行代码的原因, 网上搜了下, 这行代码大致的意思: 告诉浏览器网页中所有的 http 请求都是可信的, 可以将所有的 http 请求都升级为 https如果线上是 https 的话, 还没有什么问题, 但是在本地的话, 这就是一个致命的问题...原创 2021-06-24 17:07:09 · 919 阅读 · 0 评论 -
Mac 中 node 环境的升降级
可以直接去官网下载安装包, 然后安装后就自动覆盖本地的老版本下载 n 模块 npm -i g nn stable 下载 node 的稳定版n lts 下载最新的 LTS 版本n latest 下载最新版本n 10.0.0 下载指定版本原创 2021-05-20 09:16:39 · 215 阅读 · 0 评论 -
HTML 中的 table 表格标签
主要作用表格主要是用于显示,展示数据的,因为它可以让数据显示的非常规整,可读性好。基本用法<table> <tr> <td></td> </tr></table><tr> 标签是用于定义表格中的行,必须嵌套在 <table></table> 标签中<td> 标签是用于定义表格中的单元格,必须嵌套在 <tr> 中表头单元格表头中的内容会加粗原创 2021-05-18 23:55:28 · 323 阅读 · 0 评论 -
前端实现多视频上传
效果图如下 :其实拿电视剧来举例子更合适,比如要添加一个电视剧,而这部电视剧有很多集,而如果视频格式是m3u8格式的话,就和我的一样了,就需要同时选中很多个文件,这个时候就需要用到这样类似的功能了代码如下 :<style>.line { width: 80%; height: 1px; border-top: solid RGB(85, 175, 230) 1px; margin: 0 auto;}</style><..原创 2020-08-28 15:50:53 · 3534 阅读 · 2 评论 -
变为flex模型换行后和上面的内容中间有空白
问题描述 :.container { width: 600px; height: 300px; border: 1px solid red; display: flex; flex-wrap: wrap;}.item { width: 100px; height: 100px; border: 1px solid purple;...原创 2019-12-25 15:37:28 · 954 阅读 · 1 评论 -
多个span标签之间有空白解决办法
问题描述 :.container { width: 600px; height: 300px; border: 1px solid red;}.item { display: inline-block; width: 100px; height: 100px; border: 1px solid purple;}<div class="container"> ...原创 2019-12-25 15:32:04 · 790 阅读 · 0 评论 -
HTML中的lable
在input的输入框中,为了增加用户体验,一般用lable标签将input包括起来,这样的话,可以点击文字,直接将鼠标定位到输入框中下拉框:用select里面包括这option标签,如果想要默认选中某个option的话,只需要在option标签中添加select='selected’即可...原创 2019-01-03 10:07:52 · 756 阅读 · 0 评论 -
html中的table
cellspacing 是指单元格和单元格之间的距离cellpadding 是指单元格内容距离单元格边框的距离表头用 th 标签,该标签中的内容会自动居中并加粗表格标题用 caption ,该标签放在table标签里面,紧跟在表格后面,和tr同级,离开了table则不起作用thead 用来表示表格的表头,将tr放在tr里面,tbody 表示表格的主体内容部分rowspan 表示跨行合...原创 2019-01-03 09:57:38 · 201 阅读 · 0 评论 -
浏览器内核介绍
Trident (IE内核)代表有:IE、猎豹、360、百度,只不过IE在Windows10之后,将内核改为Edge,Edge的显著特点是新内核EdgeHTMLGecko (firefox)Mozila Firefox(火狐浏览器)是采用该内核,其特点是代码完全公开,因此可开发程度噶,但是近几年以及没落,是因为其打开速度很慢,升级频繁webkit (safari)Sa...原创 2019-01-02 23:15:10 · 403 阅读 · 0 评论 -
js中的innerHTML的作用
js中常常用到innerHTML,其作用就是获取到标签里面的内容,同时也可以为标签添加内容<div> <p id="text">hello world</p></div><script> var oText = document.getElementById("text"); alert(oTe原创 2018-10-06 22:26:34 · 12907 阅读 · 0 评论 -
html的单选框和复选框
<!DOCTYPE html><html><head> <title></title></head><body> <!-- 单选框 --> <div>性别: <label><input type=&原创 2018-10-07 19:07:14 · 170223 阅读 · 0 评论 -
js中两个数组的循环遍历操作
最近需要这样一个需求,例如<script type="text/javascript"> var ceshi = ["主卧","次卧","客厅"]; var ceshi2 = [{ tag:0, name:"客厅", isShow:false }, { tag:1, name:"厨房", isSh原创 2018-10-10 16:39:45 · 15119 阅读 · 1 评论 -
把图片亮度降低之后border-radius就不起作用了的解决办法
css中给图片亮度降低之后,border-radius再给图片添加圆角的话,就不起作用了如:<img src="#" />这个时候,就需要在image标签外面套一层div,在div上面降低暗度,这样圆角就有效果了,如:<style> .container-img{ -webkit-filter: brightness(0.5)...原创 2018-10-15 15:26:59 · 392 阅读 · 0 评论