HTML
文章平均质量分 72
HTML
shelleyHLX
这个作者很懒,什么都没留下…
展开
-
web前端兼容
兼容性:Compatibility overviewhttps://www.quirksmode.org/compatibility.html当前测试CSS 所有 CSS 选择器和声明(最终)。 DOM 所有 DOM 测试(最终)。 DOM 事件 桌面浏览器中的各种事件何时触发? HTML5 测试 测试一些 HTML5 功能。需要更多的测试。 移动测试概述 我的移动测试的门户页面。 ...原创 2022-03-28 14:53:44 · 1177 阅读 · 0 评论 -
面试官问你<img>是什么元素时你怎么回答
<img /> 标签的基本使用浏览器支持所有主流浏览器都支持 <img> 标签标签定义及使用说明<img> 标签定义 HTML 页面中的图像 <img> 标签有两个必需的属性:src 和 alt 强烈推荐在开发中每个图像中都使用 alt 属性。这样即使图像无法显示,用户还是可以看到关于丢失了什么东西的一些信息。而且对于残疾人来说,alt 属性通常是他们了解图像内容的唯一方式<img />究竟是什么元素<img />转载 2022-02-28 11:30:31 · 152 阅读 · 0 评论 -
JS页面绝对定位元素拖动
一.mousedown、mousemove和mouseup 拖着目标元素在页面任意位置如果要设置物体拖拽,那么必须使用三个事件,并且这三个事件的使用顺序不能颠倒。1.onmousedown:鼠标按下事件2.onmousemove:鼠标移动事件3.onmouseup:鼠标抬起事件重点:1、一定要绝对定位,脱离文档流才可以移动。2、绑定拖拽的元素,移动和鼠标松开后是对document的绑定,因为移动的是整个div。3、点击:a= 获取当前鼠标坐标、b =div距浏览器距离、c = .转载 2022-01-19 18:00:13 · 1500 阅读 · 0 评论 -
HTML中元素的定位方式
初中物理就学过,位置是相对的,要有参照物,因此,所有定位都是相对参照物的定位。position 属性: 规定元素的定位类型,该属性的可选值有static、relative、absolute、fixed、inherit。定义了position属性后,经常还要定义相对参照物的偏移量,即left,right,top,bottom属性值,当然,也可以不定义,那样的话,就是在参照物的位置上。float属性: 规定元素是否浮动,其实,这个属性也是定位的一种类型,但搞不懂为什么它没有出现在po...转载 2021-09-26 09:31:05 · 750 阅读 · 0 评论 -
纯CSS设置Checkbox复选框控件的样式
下面是纯CSS设置Checkbox复选框控件的五种简单样式,有兴趣的可以进行改动将其变成自己想要的样式。首先,需要添加一段CSS隐藏所有的Checkbox复选框,下面我们会改变它的外观。要做到点需要添加一段代码到你的CSS文件中。隐藏掉所有的Checkbox复选框后,我们需要添加一个label HTML元素,我们都知道,当点击的有for属性的label标签时,对应的Checkbox复选框会被选中。这意味着,我们可以通过label的点击事件来处理我们的Checkbox复选框。样式一转载 2021-08-12 11:11:16 · 6097 阅读 · 0 评论 -
使用css修改input框中checkbox的样式
概述 在页面设计时,我们经常使用input复选框。由于界面设计的需要,我们需要修改复选框的样式,使得界面更美观或者适应新的需求。由于CheckBox伪类修改比较复杂,通常修改的方式有两种,一个是链入图片,另一个是使用纯css的方法进行修改。链入图片的设计方式比较简单,但是需要预先设计或者下载图片,比较麻烦。纯css的方法,只需要在css文件中编写代码,个人觉得比较方便,因此,本文使用该方式对input中的CheckBox进行设置。实现效果 本文在设计时,希望达到以下效果,如图所示,每...转载 2021-08-11 17:53:22 · 5936 阅读 · 0 评论 -
web-8. 多框架页面的创建
8.多框架页面的创建8.1框架概念框架是由单个框架加上框架集构成的区域。每个框架是指页面中一个独立额区,框架集是一个关于框架结构的页面,定义本页面的框架数、大小、布局以及框架之间的相互关系。8.2框架集标记框架集文件保存了所有框架的信息,例如设定框架的布局,水平框架与垂直框架的数目、尺寸、名称等。框架集标记<frameset>语法格式如下:<frameset><frame>......</frameset>...转载 2021-08-03 16:09:49 · 582 阅读 · 0 评论 -
前端HTML万字血书大总结,来看看你入门了吗?
一、认识WEB1. 1、 认识网页网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。1.2、浏览器浏览器是网页显示、运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。我们平时称为五大浏览器。可能你最熟悉的是 IE浏览器,但是他的相应速度实在是太慢了。我们可以通过百度的流量研究院来查看目前浏览器的市场占比,2008年,大名鼎鼎的互联网...转载 2021-07-27 10:01:51 · 181 阅读 · 0 评论 -
select的宽度设置
<select name=""> <option>测试</option> <option>测试</option> <option>测试</option> <option>我是最长的测试</option> </select>option不能设置宽度,把select改成selectpicker或是select2,bootstrap-select,才可以修改...原创 2021-07-27 09:31:47 · 4037 阅读 · 0 评论