-
网页HTML 有序列表ol 和无序列表 ul
所属栏目：[MsSql教程] 日期：2020-03-20 热度：175
用于组织数据的列表 学习了这么多控制网页显示的HTML标签，读者可以初步制作纯文章页面了。本节学习HTML中的列表元素，列表形式在网站设计中占有比较大的比重，显示信息非常整齐直观，便于用户理解。在后面的CSS样式学习中将大量使用到列表元素的高级作用[详细]
-
HTML实现双11抢劵(设定时间打开抢券的页面)
所属栏目：[MsSql教程] 日期：2020-03-20 热度：161
废话不多说了，直接给大家贴代码了，具体代码如下所示： !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[详细]
-
HTML实现移动端固定悬浮半透明搜索框
所属栏目：[MsSql教程] 日期：2020-03-20 热度：59
Question. 问题 在移动端商城系统中，我们常常看到位于页面顶部有一个搜索框，这类搜索框博主比较喜欢的是固定在页面顶部，半透明悬浮，能依稀看见部分轮播图的形式。 要制作这样的搜索框，技术关键在于： fixed 搜索框定位 opacity 设置透明度 Solution.[详细]
-
HTML页面自动清理js、css文件的缓存（自动添加版本号）
所属栏目：[MsSql教程] 日期：2020-03-20 热度：100
在web项目开发过程中，我们经常会引用css、js文件，更新文件后常出现缓存问题（明明更改了代码，在浏览器上访问的时候却没有发生变化），这种情况我们通常采用以下两种解决方案： 1、手动清除浏览器缓存 2、添加版本号（如 layout.css?v=1） 个人认为方法2[详细]
-
html 网页跳转代码
所属栏目：[MsSql教程] 日期：2020-03-20 热度：113
将以下代码存为默认首页文件如index.html，放在根目录下即可。 不隐藏转向后地址 html head titleRedirect/title meta http-equiv=refresh content=0;url=new site /head body /body /html 隐藏转向后地址 html head titleRedirect/title /head frameset fr[详细]
-
解析HTML中rel=“nofollow”的作用及rel属性的使用
所属栏目：[MsSql教程] 日期：2020-03-20 热度：50
链接加了rel=nofollow属性, 就表示告诉搜索引擎不用跟踪这个连接从而不传递权重. 细心的站长可能会发现很多博客的友情链接上都加了这个属性, 这样做的目的避免自己网站的权重被稀释. rel属性的意思是指: 当前页和指向页的关系. 而 rev 属性则指定从目标文[详细]
-
纯css实现（无脚本）Html指令式tooltip文字提示效果
所属栏目：[MsSql教程] 日期：2020-03-20 热度：55
副标题#e# 分析执行流程 鼠标移入节点 检测是该节点是否存在开启实现 tooltip 实现的标识（类名，属性等） 检测主题、位置（类名，属性等） 生成 / 显示气泡 借鉴他人 让我们先来看看 element-ui的tooltip 样式 很明显， 气泡的位置 是通过 javascript脚本[详细]
-
详解html的几种水平垂直居中的方式（基础）
所属栏目：[MsSql教程] 日期：2020-03-20 热度：50
我们在编写马过程中，想必大家对水平垂直居中的方法了解并不多。所以我给大家总结式的列出几种常用的水平垂直居中的方法。 第一种方法 !--html盒子代码--!--水平垂直居中--div class=Centered1pd第一种/p/div!-css样式部分--.Centered1{background-color:[详细]
-
Html屏蔽右键菜单和左键划字功能的示例
所属栏目：[MsSql教程] 日期：2020-03-20 热度：91
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 禁止右键菜[详细]
-
html2canvas实现dashed虚线边框的示例
所属栏目：[MsSql教程] 日期：2020-03-20 热度：79
html2canvas是一个将html元素生成canvas的库，绘制的canvas大部分样式和CSS一致。比如截止1.0.0-alpha.12，虚线边框依然绘制为实线，border-collapse依然有问题。 这里根据github issues里的一个思路，模拟实现了dashed边框效果。 适用情况：单独边框较多[详细]
-
实现简易html视频播放器的方法
所属栏目：[MsSql教程] 日期：2020-03-20 热度：119
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-20 热度：101
块元素(block element) HTML标签分类明细 * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级容易，也是css layout的主要标签 * dl - 定义列表 * fieldset - form控制组 * form - 交互表单 （只能用来容纳[详细]
-
HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法
所属栏目：[MsSql教程] 日期：2020-03-20 热度：72
就想弄一个winform结合html5的一个小东西，突有兴致，想在里面嵌套一个微信网页版。 好了，想法一出来，就行动吧，最终效果如下图： 一开始就打算在页面里面嵌套一个iframe指向https://wx.qq.com就OK了，但是我还是太天真，微信网页版会自动跳转。结果如下[详细]
-
html 鼠标 css 控制
所属栏目：[MsSql教程] 日期：2020-03-19 热度：64
一般而言，鼠标以斜向上的箭头显示，移到文本上时变为有头的竖线，移到超级链接上变为手型。但用css可控制鼠标的显示效果，如可使鼠标移到普通文本上也显示成手型。 用css控制的语法如下: span style=cursor:*文本或其它页面元素/span 把 * 换成如下15个效[详细]
-
按钮在IE中两边被拉伸的 BUG
所属栏目：[MsSql教程] 日期：2020-03-19 热度：137
大家在写按钮（input、button）的时候会发现在 IE 下： 随着字数的增多，两边的间距也会越来越大。 在 WIN 的XP 风格下，当字数很多时，两边还会出现严重的锯齿。 到底是什么原因呢？ 蓝色理想 原 WEB标准化专栏 的斑竹 zbm2001z 给出了一个答案： 1、IE 在[详细]
-
HTML 行间距的设置方法与问题
所属栏目：[MsSql教程] 日期：2020-03-19 热度：190
设置p/p的行间距可使用style=line-height:3px;来实现。 但是，在最后一行文字要是也是这么设置的话，就会出现文字只出现一半的情况。如下图1。 解决方法如下：在最后一行文字的下面，再加一个空的p/p，就解决了，如图2。[详细]
-
HTML 特殊字符彻底剖析
所属栏目：[MsSql教程] 日期：2020-03-19 热度：129
HTML彻底剖析(14)特殊字符 ■ 常用特殊字符 只要你认识了 HTML 标记，你便会知道特殊字符的用处。 HTML 原代码 显示结果 描述 lt; 小于号或显示标记 gt; 大于号或显示标记 amp; 可用于显示其它特殊字符 quot; 引号 reg; ? 已注册 copy; ? 版权 trade; ? 商[详细]
-
ul和li 基本用法分析
所属栏目：[MsSql教程] 日期：2020-03-19 热度：176
导航，少量数据表格，居中 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN html xmlns= head titleul和li应用/title style type=text/css #menu{width:1000px;height:35px;float:right;margin:0px; clear:both; vertical-align: bottom;} #u[详细]
-
HTML validate HTML验证
所属栏目：[MsSql教程] 日期：2020-03-19 热度：159
HTML validate是指HTML验证。它是通过与标准HTML规则进行比较的方式，分析HTML文档、标记出错误和非标准代码的处理过程。Web页面使用HTML进行渲染，而HTML本身采用了HTML规范作为其规则和标准。通过验证HTML代码穿越多重浏览器标准！ 1、Web站点访问性： 验[详细]
-
网页元素单位全分析
所属栏目：[MsSql教程] 日期：2020-03-19 热度：139
相对长度单位 Relative Length Units em 说明：相对长度单位。相对于当前对象内文本的字体尺寸。 如当前行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 示例： div { font-size : 1.2em; } ex 说明：相对长度单位。相对于字符x的高度。此[详细]
-
学习超级链接A标记
所属栏目：[MsSql教程] 日期：2020-03-19 热度：93
问: 我已经使用CSS定义了超链接的样式，但是浏览时hover(鼠标悬停)却不起作用。为什么会这样？是浏览器的问题吗？ 答: 虽然你认为可能原因是浏览器问题，但是更多的可能是你样式定义时顺序错误。为了保证能看到不同状态下的连接样式,正确的样式顺序应该是[详细]
-
html+css+js 实现拍照预览上传图片功能
所属栏目：[MsSql教程] 日期：2020-03-19 热度：191
前言：我们在做网页时经常会需要有上传图片的需求，可能是选择图片或者拍照上传，如果简单的使用input type=file/这种方式虽然也能实现功能，但用户体验上可能会差了一些，所以本文记录了使用css+js实现图片选中后的预览及压缩上传功能，部分带来来源于网[详细]
-
Html轻松实现圆角矩形
所属栏目：[MsSql教程] 日期：2020-03-19 热度：165
副标题#e# 问题：如何通过div+css以及定位来实现圆角矩形？ 解决方法概述： 内容：首先在body标签内部里添加一个大层（大层用来固定整体大框架），然后大层内包含四个小层（四个小层里分别放四个圆角（事先用ps做好椭圆形形状，然后用切片工具切图 ）） 样[详细]
-
Web端的邮件内容HTML格式规范总结
所属栏目：[MsSql教程] 日期：2020-03-19 热度：140
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 热度：59
经常用到这两个属性，但是一直没有总结他们的区别。现在我对他们两个的用法做一下总结： 相同点：他们都会飘出一个小浮层，显示文本内容。 不同点： 1.alt只能是元素的属性，而title即可以是元素的属性也可以是标签，例如:title标题/title。 2.alt属性则是[详细]
