![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
Czy_NARI
这个作者很懒,什么都没留下…
展开
-
基本的 HTML 标签
HTML 标题HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。实例<html><body><h1>This is heading 1</h1><h2>This is heading 2</h2><h3>This is head原创 2018-07-08 23:09:57 · 148 阅读 · 0 评论 -
HTML draggable 属性
HTML draggable 属性 HTML 全局属性实例可拖动的段落:<p draggable="true">这是一段可移动的段落。请把该段落拖入上面的矩形。</p>尝试一下 »浏览器支持Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 浏览器支持 draggable 属性。注...转载 2018-09-04 09:56:17 · 759 阅读 · 0 评论 -
HTML hidden 属性
HTML hidden 属性 HTML 全局属性实例隐藏段落:<p hidden>这是一段隐藏的段落。</p>尝试一下»浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。属性 hidden 6.0 11.0 4.0 5.1 11.1 定义和用法...转载 2018-09-04 09:58:27 · 711 阅读 · 0 评论 -
HTML tabindex 属性
实例带有指定的 tab 键导航顺序的链接:<a href="//www.runoob.com//" tabindex="2"> runoob.com 菜鸟教程</a><br /> <a href="//www.google.com/" tabindex="1">Google</a>&转载 2018-09-04 10:14:45 · 466 阅读 · 0 评论 -
Emmet使用手册
Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具:基本上,大多数的文本编辑器都会允许你存储和重用一些代码块,我们称之为“片段”。虽然片段能很好地推动你得生产力,但大多数的实现都有这样一个缺点:你必须先定义你得代码片段,并且不能再运行时进行拓展。Emmet把片段这个概念提高到了一个新的层次:你可以设置CSS形式的能够动态被解析的表达式,然后根据你所输...转载 2018-09-01 10:41:15 · 386 阅读 · 0 评论 -
Emmet 简写语法
Emmet 简写语法同样适用于phpStorm等JetBrains的序列产品一、生成 HTML 文档初始结构HTML 文档的初始结构,就是包括 doctype、html、head、body 以及 meta 等内容。你只需要输入一个 “!” 就可以生成一个 HTML5 的标准文档初始结构,你没有看错,输入一个感叹号(当然是英文符号),然后摁下 ctrl+E 键,就会发现生成了下面的结...转载 2018-09-01 10:48:17 · 217 阅读 · 0 评论 -
为什么选择使用Sass而不是Less?
这篇文章主要解答以下几个问题,供前端开发者的新手参考。1、什么是Sass和Less?2、为什么要使用CSS预处理器?3、Sass和Less的比较4、为什么选择使用Sass而不是Less? 什么是Sass和Less? Sass和Less都属于CSS预处理器,那什么是 CSS 预处理器呢? CSS 预处理器定义了一种新的语言,其基本思想是,用...转载 2018-09-01 10:58:39 · 472 阅读 · 0 评论 -
HTML 格式化标签
HTML 格式化标签HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如:粗体 or 斜体这些HTML标签被称为格式化标签(请查看底部完整标签参考手册)。 通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>转载 2018-09-04 11:09:54 · 2989 阅读 · 0 评论 -
关于创建电子邮件链接时如何发送邮件内容
在进行邮件内容发送时,需要使用关键字:mailto示例如下:<a href="mailto:zhangrr601@163.com?subject=这是邮件的主题&body=这是邮件的内容" rel="nofollow">发送邮件</a>尝试一下 »这样会调启系统默认的邮件程序发送给 zhangrr601@163.com,并且收件人那里已经填上了...转载 2018-09-04 11:30:00 · 2019 阅读 · 0 评论 -
base定义了所有链接的URL
HTML<title>元素不仅可以显示文本,也可以在左侧显示logo等图片。显示时,要将<link>标签放入<head>里。举例:<!doctype HTML><html><head><link rel="shortcup icon" href="图片url"&am转载 2018-09-04 13:51:00 · 816 阅读 · 0 评论 -
CSS-样式表插入的三种方法、背景(background)、文本
如何插入样式表插入样式表的方法有三种:外部样式表(External style sheet) 内部样式表(Internal style sheet) 内联样式(Inline style)外部样式表当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。 &...转载 2018-09-05 10:04:29 · 4287 阅读 · 0 评论 -
fixed定位之后,如何让div上下垂直居中
在div用fixed定位之后,接下来想要其垂直居中,需要在fixed定位的那个div jxd-right上定义, display:table;margin-top:auto; margin-bottom:auto;然后在 里面的div fixedmiddle定义 display:table-cell;,即可做到垂直居中但是ie上实现无效。.jxd-right{ pos...原创 2018-09-15 16:17:44 · 2855 阅读 · 0 评论 -
Javascript之BOM与DOM讲解
Javascript之BOM与DOM讲解 一.Javascript组成JavaScript的实现包括以下3个部分: ECMAScript(核心) 描述了JS的语法和基本对象。 文档对象模型 (DOM) 处理网页内容的方法和接口 浏览器对象模型(BOM) 与浏览器交互的方法...转载 2018-09-07 10:17:30 · 112 阅读 · 0 评论 -
HTML draggable 属性
HTML draggable 属性 HTML 全局属性实例可拖动的段落:<p draggable="true">这是一段可移动的段落。请把该段落拖入上面的矩形。</p>尝试一下 »浏览器支持Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 浏览器支持 draggable 属性。注...转载 2018-09-04 09:56:16 · 682 阅读 · 0 评论 -
HTML data-* 属性
HTML data-* 属性 HTML 全局属性实例使用 data-* 属性来嵌入自定义数据:<ul><li data-animal-type="bird">Owl</li><li data-animal-type="fish">Salmon</li> <li data-animal-type=转载 2018-09-04 09:52:03 · 180 阅读 · 0 评论 -
HTML contenteditable 属性
HTML contenteditable 属性 HTML 全局属性实例可编辑段落:<p contenteditable="true">这是一个可编辑段落。</p>尝试一下 »浏览器支持所有主流浏览器都支持 contenteditable 属性定义和用法contenteditable 属性指定元素内容是否可编辑。注意: 当元素中没有...转载 2018-09-04 09:47:26 · 405 阅读 · 0 评论 -
Query全选全不选第二次失效问题解决办法
在使用jQuery改变CheckBox选中和不选中的时候,使用了下面语句改变:$("[name = shoppingCurtList]:checkbox").attr("checked", true); 这样操作按道理来说是没有问题的,但是第二次点击的时候,选中和不选中的方法是执行了,而样式选中的样式没有改变,把上面的操 操作改为下面的操作,就会解决这个bug:$("[na...转载 2018-08-30 18:32:54 · 143 阅读 · 0 评论 -
解决jquery中全选点击第二次不生效的问题与分析
今天在开发一个前端选项全选和全不选的功能,发现点击第一次生效,但是第二次就没有效果了,后面把attr()方法改成就prop()就可以了!一,jquery attr()方法有4个表达式 1. attr(属性名) 获取属性的值(取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回undefined) 2. ...转载 2018-08-30 18:34:12 · 853 阅读 · 0 评论 -
content="IE=edge,chrome=1"的meta标签内容
< meta http-equiv =“X-UA-Compatible”content =“IE = edge,chrome = 1”/>这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题,例如模拟IE7的具体方式如下:<meta http-equiv =“X-UA-Compatibl...转载 2018-08-28 16:29:17 · 173 阅读 · 0 评论 -
content='width=device-width, initial-scale=1.0'的解释
meta name="viewport" content="width=device-width,initial-scale=1.0" 解释 <meta name="viewport" content="width=device-width,initial-scale=1.0"> content属性值 : width:可视区域的宽度,值可为数字或关键词devic...转载 2018-08-28 17:16:23 · 7329 阅读 · 0 评论 -
关于日期控件被模态框遮盖的问题解析
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。在bootstrap的模态框控件里头,z-index值为1050;如果在模态框上需要弹出的对话框或者想显示的div的z-index值小于1050,就会被该模态框遮挡。所以必须设置值大于1050在使用自举-datepicker.js插件的时候,由于是在模态框中填写日期值,而模态框的值把日期控件遮...转载 2018-08-31 11:15:19 · 3291 阅读 · 0 评论 -
输入框input如何实现只可以选择不可以键盘输入
在前台页面的开发中,可能会遇到某个输入框input只能是格式的字符串,而且格式还有规定。为了防止用户在输入时输入的字符串格式错误导致无法插入数据,所以我们会选择在input中添加实现选择控件。但是这也不能保证用户不会使用键盘进行输入,为此我们需要将input输入框设置成只能利用时间选择控件进行选择,而不能通过键盘进行输入。为了达到这个目的,我们可以进行如下设置:(1) 在input标签中将e...转载 2018-08-31 14:59:42 · 6602 阅读 · 0 评论 -
如何用hover实现下拉菜单
需要注意的是 菜单需要设置position:absolute;另外就是hover设置切记 .nav ul li:hover span { display: block; text-decoration: none; }是有hover下面的span。<!Doctype html>&...转载 2018-08-31 15:36:58 · 1611 阅读 · 0 评论 -
box-shadow等在ie8上的兼容问题
别尝试用pie.htc等方法来解决,同图片代替即可。原创 2018-08-24 14:18:48 · 481 阅读 · 0 评论 -
如何用hover实现下拉菜单
和float是兄弟在我们写样式的时候会发现使用float和absolute的时候,会发现都会出现高度塌陷的问题,和脱离文档流的情况,而且你如果设置了的话就会表现出类似于display:inline-block的表现形式,所以我们可以用这两个对比着记。跟随性这个是在设置了absolute之后,我们的这个元素如果在某个元素之前的话就会居高临下,好像是浮在他后面的元素上面,后面的元素会占据这...转载 2018-08-31 16:05:00 · 960 阅读 · 0 评论 -
display: inline-block;为什么会撑开父div
在导航栏里设置css padding: 14px 16px; display: inline-block;就会出现被父撑开。但是单独一个就不行。原创 2018-08-31 16:20:59 · 1527 阅读 · 1 评论 -
CSS3 框大小
CSS3 框大小CSS3 box-sizing 属性可以设置 width 和 height 属性中包含了 padding(内边距) 和 border(边框)。浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。紧跟在数字后面的 -webkit- 或 -moz- 为指定浏览器的前缀。属性 chrome IE box-sizin...转载 2018-08-31 16:58:18 · 218 阅读 · 0 评论 -
HTML代码中% %=各是什么意思?分别用来实现什么的?
运行、获取后台代码或值。<%%>之间可以写服务器端代码,比如<%for(var i=0;i<10;i++){//执行循环体}%>又如<%for(var i=0;i<10;i++){%>//执行循环体(此时循环体为html语言)<%}%>;<%=%>获取后台的变量值,比如后台一个session["ab...转载 2018-08-29 09:55:18 · 5608 阅读 · 0 评论 -
HTML 全局属性
HTML 全局属性New : HTML5 新属性。属性 描述 accesskey 设置访问元素的键盘快捷键。 class 规定元素的类名(classname) contenteditableNew 规定是否可编辑元素的内容。 contextmenuNew 指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单 data-*New ...转载 2018-09-04 09:44:00 · 99 阅读 · 0 评论 -
布局方案分析
完成两个div的左右布局,其中第一个div的宽度为200px,第二个div的宽度设置为剩余的宽度。1、在不考虑ie低版本的兼容性的前提下,是可以使用弹性盒子来完成的。<div style="width: 100%;display:-webkit-box;display: -moz-box; margin-top:20px ;"> <div clas...原创 2018-09-07 15:23:57 · 236 阅读 · 0 评论