-
html sub标记和sup标记
所属栏目:[MsSql教程] 日期:2020-03-20 热度:154
今天来认识一下两个我不太常用到的html标签:sub标记和sup标记。 定义和用法: sub 标签可定义下标文本。sup 可定义上标文本。都属于行内元素,默认比当前字体稍[详细]
-
网页HTML 有序列表ol 和无序列表 ul
所属栏目:[MsSql教程] 日期:2020-03-20 热度:89
用于组织数据的列表 学习了这么多控制网页显示的HTML标签,读者可以初步制作纯文章页面了。本节学习HTML中的列表元素,列表形式在网站设计中占有比较大的比重,显示信息非常整齐直观,便于用户理解。在后面的CSS样式学习中将大量使用到列表元素的高级作用[详细]
-
HTML实现双11抢劵(设定时间打开抢券的页面)
所属栏目:[MsSql教程] 日期:2020-03-20 热度:193
废话不多说了,直接给大家贴代码了,具体代码如下所示: !DOCTYPE htmlhtml lang=en xmlns=headmeta charset=utf-8 /title/titlestyle type=text/css#result{width:500px;border:1px solid #CCCCCC;background:#FFFFCC;margin:50px auto;font-size:24px;co[详细]
-
html2canvas实现dashed虚线边框的示例
所属栏目:[MsSql教程] 日期:2020-03-20 热度:106
html2canvas是一个将html元素生成canvas的库,绘制的canvas大部分样式和CSS一致。比如截止1.0.0-alpha.12,虚线边框依然绘制为实线,border-collapse依然有问题。 这里根据github issues里的一个思路,模拟实现了dashed边框效果。 适用情况:单独边框较多[详细]
-
全面理解line-height与vertical-align
所属栏目:[MsSql教程] 日期:2020-03-19 热度:145
副标题#e# line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系,改变行间距离、设置垂直对齐等都需要它们的通力合作。在CSS字体里面已经详细介绍了font-size的相关内容,本文将主要介绍line-height与vertica[详细]
-
html 鼠标 css 控制
所属栏目:[MsSql教程] 日期:2020-03-19 热度:55
一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。 用css控制的语法如下: span style=cursor:*文本或其它页面元素/span 把 * 换成如下15个效[详细]
-
按钮在IE中两边被拉伸的 BUG
所属栏目:[MsSql教程] 日期:2020-03-19 热度:138
大家在写按钮(input、button)的时候会发现在 IE 下: 随着字数的增多,两边的间距也会越来越大。 在 WIN 的XP 风格下,当字数很多时,两边还会出现严重的锯齿。 到底是什么原因呢? 蓝色理想 原 WEB标准化专栏 的斑竹 zbm2001z 给出了一个答案: 1、IE 在[详细]
-
HTML 行间距的设置方法与问题
所属栏目:[MsSql教程] 日期:2020-03-19 热度:110
设置p/p的行间距可使用style=line-height:3px;来实现。 但是,在最后一行文字要是也是这么设置的话,就会出现文字只出现一半的情况。如下图1。 解决方法如下:在最后一行文字的下面,再加一个空的p/p,就解决了,如图2。[详细]
-
Html轻松实现圆角矩形
所属栏目:[MsSql教程] 日期:2020-03-19 热度:179
副标题#e# 问题:如何通过div+css以及定位来实现圆角矩形? 解决方法概述: 内容:首先在body标签内部里添加一个大层(大层用来固定整体大框架),然后大层内包含四个小层(四个小层里分别放四个圆角(事先用ps做好椭圆形形状,然后用切片工具切图 )) 样[详细]
-
Web端的邮件内容HTML格式规范总结
所属栏目:[MsSql教程] 日期:2020-03-19 热度:104
1) 统一使用标准的页头和页尾 XML/HTML Code复制内容到剪贴板 !DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN htmlxmlns= head metahttp-equiv=Content-Typecontent=text/html;charset=utf-8 title如何制作网页格式的邮件/title /head bodystyle[详细]
-
关于alt和title的用法区别详解
所属栏目:[MsSql教程] 日期:2020-03-19 热度:63
经常用到这两个属性,但是一直没有总结他们的区别。现在我对他们两个的用法做一下总结: 相同点:他们都会飘出一个小浮层,显示文本内容。 不同点: 1.alt只能是元素的属性,而title即可以是元素的属性也可以是标签,例如:title标题/title。 2.alt属性则是[详细]
-
深入理解html表单输入监听
所属栏目:[MsSql教程] 日期:2020-03-19 热度:182
function changeVal(value){ console.log($(value).val())} onchange:onchange事件是在前后内容改变,并且失去焦点之后才会触发。 input type=text value= onchange=changeVal(this) oninput:oninput事件则会在value改变时就触发。 input type=text valu[详细]
-
Html制作简单而漂亮的登录页面
所属栏目:[MsSql教程] 日期:2020-03-19 热度:161
副标题#e# html源码: XML/HTML Code复制内容到剪贴板 !DOCTYPEhtml htmllang=en head metacharset=UTF-8 titleLogin/title linkrel=stylesheettype=text/csshref=Login.css/ /head body divid=login h1Login/h1 formmethod=post inputtype=textrequired=re[详细]
-
关于表格table嵌套,边框合并问题的解决方法
所属栏目:[MsSql教程] 日期:2020-03-19 热度:162
外层table与内层table嵌套,内外表格都需边框时,设置border=1,但边框会重复,造成某些地方边框粗,有些地方边框细的问题。 【解决办法】: 外表格样式: table border=1 cellspacing=0 cellpadding=0 style=border-collapse: collapse; 内表格样式: tab[详细]
-
HTML中frameset标签的使用教程
所属栏目:[MsSql教程] 日期:2020-03-19 热度:144
副标题#e# frameset页面与普遍的Web页面有些不同。虽然仍旧以HTML和包含标题的HEAD标记以及其他脚本开始,但是其内容仅仅是表示的各个页面的版式设计。因此,不再需要有BODY元素,只需要frameset标记。 属性介绍 border:设置框架的边框粗细。 bordercolor[详细]
-
HTML实现遮罩层的方法 HTML中如何使用遮罩层
所属栏目:[MsSql教程] 日期:2020-03-19 热度:88
副标题#e# Web页面中使用遮罩层,可防止重复操作,提示loading;也可以模拟弹出模态窗口。 实现思路:一个DIV作为遮罩层,一个DIV显示loading动态GIF图片。在下面的示例代码中,同时展示了如何在iframe子页面中调用显示和隐藏遮罩层。 示例代码: index.htm[详细]
-
Html屏蔽右键菜单和左键划字功能的示例
所属栏目:[MsSql教程] 日期:2020-03-18 热度:190
body oncontextmenu=self.event.returnValue=false 禁止左键划字复制 body onselectstart=return false 采用CSS来控制是否可以选择文字 .unselectable { user-select: none;}pYou can select me./pp class=unselectableYou can't select me!/p 禁止右键菜[详细]
-
实现简易html视频播放器的方法
所属栏目:[MsSql教程] 日期:2020-03-18 热度:115
root@tianshl:/data/video# lshch.mp4test.mp4 xyx.mp4 index.html video.list jquery.js index.html !DOCTYPE htmlhtmlheadmeta charset=UTF-8style type=text/cssbody{text-align: center;}#content-wrap{margin-top: 50px;display: inline-block;}#cont[详细]
-
详解HTML常用的标签中行内元素和块级元素
所属栏目:[MsSql教程] 日期:2020-03-18 热度:108
块元素(block element) HTML标签分类明细 * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级容易,也是css layout的主要标签 * dl - 定义列表 * fieldset - form控制组 * form - 交互表单 (只能用来容纳[详细]
-
HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法
所属栏目:[MsSql教程] 日期:2020-03-18 热度:177
就想弄一个winform结合html5的一个小东西,突有兴致,想在里面嵌套一个微信网页版。 好了,想法一出来,就行动吧,最终效果如下图: 一开始就打算在页面里面嵌套一个iframe指向https://wx.qq.com就OK了,但是我还是太天真,微信网页版会自动跳转。结果如下[详细]
-
html+css+js 实现拍照预览上传图片功能
所属栏目:[MsSql教程] 日期:2020-03-18 热度:100
前言:我们在做网页时经常会需要有上传图片的需求,可能是选择图片或者拍照上传,如果简单的使用input type=file/这种方式虽然也能实现功能,但用户体验上可能会差了一些,所以本文记录了使用css+js实现图片选中后的预览及压缩上传功能,部分带来来源于网[详细]
-
纯css实现(无脚本)Html指令式tooltip文字提示效果
所属栏目:[MsSql教程] 日期:2020-03-18 热度:195
副标题#e# 分析执行流程 鼠标移入节点 检测是该节点是否存在开启实现 tooltip 实现的标识(类名,属性等) 检测主题、位置(类名,属性等) 生成 / 显示气泡 借鉴他人 让我们先来看看 element-ui的tooltip 样式 很明显, 气泡的位置 是通过 javascript脚本[详细]
-
详解html的几种水平垂直居中的方式(基础)
所属栏目:[MsSql教程] 日期:2020-03-18 热度:169
我们在编写马过程中,想必大家对水平垂直居中的方法了解并不多。所以我给大家总结式的列出几种常用的水平垂直居中的方法。 第一种方法 !--html盒子代码--!--水平垂直居中--div class=Centered1pd第一种/p/div!-css样式部分--.Centered1{background-color:[详细]
-
HTML写一个网页动态时钟
所属栏目:[MsSql教程] 日期:2020-03-18 热度:70
用html写一个动态网页时钟,代码如下所示: !DOCTYPE html htmlheadmeta charset=UTF-8title时钟特效/title/headscript type=text/javascriptfunction disptime(){var today=new Date();var hh=today.getHours();var mm=today.getMinutes();var ss = today[详细]
-
解析HTML中rel=“nofollow”的作用及rel属性的使用
所属栏目:[MsSql教程] 日期:2020-03-18 热度:145
链接加了rel=nofollow属性, 就表示告诉搜索引擎不用跟踪这个连接从而不传递权重. 细心的站长可能会发现很多博客的友情链接上都加了这个属性, 这样做的目的避免自己网站的权重被稀释. rel属性的意思是指: 当前页和指向页的关系. 而 rev 属性则指定从目标文[详细]