前端——HTML
关注
分享
扫一扫
哈哈hyc
这个作者很懒，什么都没留下…
展开
-
HTTP 方法：GET 对比 POST
两种最常用的 HTTP 方法是：GET 和 POST。什么是 HTTP ？超文本传输协议（HTTP）的设计目的是保证客户端与服务器之间的通信。HTTP 的工作方式是客户端与服务器之间的请求-应答协议。web 浏览器可能是客户端，而计算机上的网络应用程序也可能作为服务器端。举例：客户端（浏览器）向服务器提交 HTTP 请求；服务器向客户端返回响应。响应包含关于请求的状态信息以及可...转载 2018-08-06 17:49:48 · 161 阅读 · 0 评论 -
input 输入框 只能输入数字、字母、汉字等
<!-- 1.文本框只能输入数字代码(小数点也不能输入) --><input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"><br><br><!-- 2.只能输入数字,能输小...原创 2019-05-22 19:10:29 · 2880 阅读 · 0 评论 -
网页中设计中禁止input框输入空格的做法之一
<input class="layui-input" id ="groupName" name="groupName" value="${advGroup.groupName}" placeholder="请输入" />这是原本的 input 输入框 , 可以输入空格提交表单onKeypress="javascript:if(event.keyCode == 32)eve...原创 2019-05-22 19:07:22 · 835 阅读 · 1 评论 -
CSS3 文字边框 -webkit-text-stroke 镂空的字体制作
CSS边框的一个不足就是只有矩形的元素才能使用。-webkit-text-stroke可以为文字添加边框。它不但可以设置文字边框的宽度，也能设置其颜色。而且，配合使用color: transparent属性，还可以创建镂空的字体！-webkit-text-fill-color可以填充中间的颜色部分，可以自己尝试一下！h2{ font-size: 36px; col...原创 2019-01-14 13:20:24 · 13181 阅读 · 2 评论 -
CSS改变input光标颜色
我们可能会有改变input光标颜色的需求，谷歌浏览器的默认光标颜色是黑色的，我们可以看到其他网站上面可以有不同的颜色，那么这个用CSS怎么改变呢? 这种效果有两种实现方式：1.使用color来实现光标的颜色是继承自当前输入框字体的颜色，所以用color属性即可改变：input{ color:red;}2,使用caret-color来实现上一种方...原创 2019-01-08 15:20:40 · 2834 阅读 · 0 评论 -
去除input输入框默认在ie或者edge下出现删除按钮
当使用input输入框的时候，默认情况下在后面会出现删除按钮，这个时候需要代码去去除，去除ie下的删除按钮代码如下：::-ms-clear{display: none;}::-ms-reveal{display: none;}去除edge下的删除按钮代码如下::-o-clear{display: none;}大家可以自己去测一测，然后去除掉，编写自己喜欢的删除按钮。...原创 2019-01-08 10:51:54 · 4424 阅读 · 0 评论 -
前端开发注意事项个人参考
一、html页面结构1、标签尽量使用语义化标签，使人一目了然，下面是一些常见的语义化标签<header></header>：通常包括网站标志、主导航、全站链接以及搜索框。<nav></nav>：标记导航，一般用于主要的导航栏<main></main>：页面主要内容 <article>&l原创 2018-12-30 19:18:44 · 1155 阅读 · 0 评论 -
解决移动端视频层级最高的问题，修改video属性
在网页设计在移动端设计的时候有些box里面都是需要放置video的时候，video的时候的层级总是最高的，这个时候就是需要在video的基础上修改属性就可以了，具体的属性如下，大家可以参考参考：<video src="https://hy.v.netease.com/2018/1030/5c9caed3eea6c6e079673d031fca3350qt.mp4" controls="...原创 2018-10-31 13:59:33 · 35484 阅读 · 22 评论 -
解决音频在ios环境下播放会全屏的bug方法
网页设计在移动端的时候，会出现播放自动全屏的效果的，说实在这个问题还是蛮棘手的，以下为次bug的解决方法：<audio id="video" preload="none" class="hide video" width="0" height="0"></audio>这个时候需要给sudio加上autoplay属性就可以不实现全屏自动播放了原创 2018-10-24 10:50:35 · 687 阅读 · 0 评论 -
Swiper运用在苹果移动端的变暗bug修复
有时候我们在手机端制作全屏滑动的时候可以用到swiper这个插件，插件好用是好用，但是有的时候就会出现一些小bug，比如运用swipper之后苹果手机打开点击或者长按的时候就会变暗，这个时候我们需要用到一些属性控制他就可以使他不会变暗了，一下为css控制的代码：* { outline: none; webkit-focus-ring-color: rgba(0, 0, 0, ...原创 2018-09-30 11:18:15 · 1116 阅读 · 1 评论 -
6种css3鼠标滑过动画效果
<html><head> <meta charset="utf-8" /> <title>6种css3鼠标滑过动画效果</title> <style type="text/css"> /*****全局样式*****/ * { padding原创 2018-09-27 16:11:03 · 4669 阅读 · 0 评论 -
前端页面格式化代码
大家在写前端页面的时候经常也是用到各种格式化，要么就是手写，要么就是网上找一份，这里有一份比较齐全的格式化，大家可以参考使用html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,text...原创 2018-08-23 14:10:05 · 2489 阅读 · 0 评论 -
HTML之DocType的几种类型
一、什么是DOCTYPEDOCTYPE是Document Type（文档类型）的简写，在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生效。二、选择什么样的DOCTYPXHTML 1.0中有3种DTD（文档类型定义）声明可以选择...转载 2018-08-02 17:18:30 · 2056 阅读 · 0 评论 -
前端面试——W3C标准及规范
作为前端工程师对W3C标准和规范不是很陌生。很多招聘要求中经常提到深入了解W3C标准及规范。那下面就总结一下W3C标准及规范：概念：W3C标准 中文名：万维网联盟，外文名：World Wide Web Consortium 万维网联盟标准不是某一个标准，而是一些列标准的集合。网页主要有三部分组成：结构（Structure）、表现（Presentation）、行为（B...原创 2018-08-02 17:13:01 · 31406 阅读 · 4 评论 -
HTML DOM 简介
什么是 DOM？DOM 是 W3C（万维网联盟）的标准。DOM 定义了访问 HTML 和 XML 文档的标准："W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。"W3C DOM 标准被分为 3 个不同的部分：核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型...原创 2018-08-02 10:02:15 · 142 阅读 · 0 评论 -
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
<!doctype html><html><head> <title>js</title> <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <scrip...原创 2019-05-29 14:26:00 · 3026 阅读 · 0 评论