自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

转载 css链接颜色

css链接颜色有以下几种情况:1、无状态:没有任何作用于此链接;2、点击过的;3、鼠标置于连接上;4、点击过程中 css称这些链接状态为伪类选择器,在css思考方式里,"真"类属性是用class=的属性来明确指定的,而伪类选择器则是用(:hover ; :visited ; :link ; :active)来指定,具体意义及顺序如下: a: link用在为访问的连接上。 ...

2019-06-01 09:11:36 2479

转载 Ztree树结构的使用详解

1、添加样式、js <link rel="stylesheet" href="${ctx}/hollybeacon/resources/plugins/zTree_v3/css/demo.css" type="text/css"><link rel="stylesheet" href="${ctx}/hollybeacon/resources/plugins/zTree_

2018-11-09 09:44:07 1577

转载 jquery.dataTable.js 基础配置使用

$("#mainTable").dataTable({ /* * sErrMode * 错误信息显示方式 * 分别为alert和throw,默认为alert */ "sErrMode": "throw",

2018-11-05 16:25:01 2791

转载 animate.css

<!DOCTYPE html><html><head> <meta charset="utf-8" /> <link rel="stylesheet" href="css/animate.css"> <script src="js/jquery.2.1.4.min.js&quo

2018-10-31 16:15:10 131

原创 弹层组件layer.js的使用

引入好layer.js后,直接用即可<script src="layer.js"></script><script>layer.msg('hello'); </script>基础参数layer.open({ type: 1,//基本层类型--类型:Number,默认

2018-10-29 17:11:50 207

转载 日期插件laydate.js的使用

1.只需引入laydate.css、 laydate.js 即可2.HTML结构<link rel="stylesheet" type="text/css" href="js/laydate/theme/laydate.css"&

2018-10-29 15:30:25 1093

转载 网页优惠券CSS3借鉴

body: <!--可用--> <div class="coupon"> <div class="coupon-left"> <div class="coupon-inner"> <div class="coupon-money

2018-10-29 09:39:17 976

转载 微信或移动端网页的meta

针对微信:<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <!--必须联网才可以访问,禁止浏览器从本地计算机的缓存中访问页面内容--> <meta http-equiv="Cache-Control" name="no-store" /

2018-10-27 16:39:05 816

转载 设置双核浏览器的浏览模式

今天上知乎看到有人在上邀请我回答这样一个问题:如果访问的页面中有 CSS3 代码,双核浏览器会自动切换到 Webkit 内核吗?http://www.zhihu.com/question/20094625我的第一反应是:不会。目前我知道IE可以设置浏览模式:<meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7″ />&...

2018-10-26 09:02:25 860

转载 HTML特殊字符编码大全

使用方法:这些字符属于unicode字符集,所以,你的文档需要声明为utf-8;下面符号列表的后面有两列编号,它们并不太一样,第一列是用于html的,你需要在前面加上&#符号;第二列可以用于css文件中,但是需要用反斜杠\转义;第二列也可以用于javascript,和css用法一样,不过要用\u来转义。需要主意的是:有的字符在不同的浏览器下表现不太一样;比如小雪人 ☃ 在...

2018-10-22 10:43:23 4787

转载 input只能输入数字并限制长度和大小

input只能输入数字并限制长度限制长度(字符数)<input type="number" oninput="if(value.length>11)value=value.slice(0,11)" />限制大小(最大值、最小值)//限制最大值30<input type="number" oninput="if(value>30)value=30"

2018-10-18 15:35:06 29930 5

转载 验证textarea输入框字数限制,只作提示不作提交限制

<div class="formControls col-xs-8 col-sm-9"> <textarea name="tablemsg" cols="" rows="" class="textarea" placeholder="说点什么...最少输入10个字符" onKeyUp="Huitextarealength(this

2018-10-15 00:47:01 340

转载 HTML条件注释用法诠释

注释内容以样式为例,如下:1、支持所有IE浏览器2、支持非IE浏览器上面是除了IE浏览器外所有浏览器都识别这个样式,另外CSS-TRICKS的《How To Create an IE-Only Stylesheet》一文中提供了另一种写法:3、仅仅支持IE104、仅仅支持IE95、仅仅支持IE86、仅仅支持IE77、仅仅支持IE68、支持IE10以下版本(IE...

2018-10-11 08:31:53 182

原创 在线免费normalize.css

https://cdnjs.com/libraries/normalize

2018-10-09 15:34:21 1468

转载 jquery中html()、text()、val()的使用和区别

a标签不是input标签,没有val()这个值,只有text()或者html()

2018-10-09 13:48:29 232

转载 normalize.css v8.0.0中文翻译

@charset "utf-8";/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document * 文件 ========================================================================== */ /*...

2018-09-26 15:05:22 97

转载 favicon.ico网站图标不显示问题

<link rel="Shortcut Icon" href="images/favicon.ico">是因为你在本地测试的,而不是在服务器端测试的。【1】在服务器端测试,默认会识别根目录下favicon.ico的文件作为网页的ico。若在个别页面

2018-09-26 14:49:21 4781

原创 Brackets中使用注意事项

在brackets中新建一个html文档,输入html:5(!) ,然后再Tab,就可以给出html5的框架。

2018-09-25 16:59:13 1003

转载 均分盒子的比较:display:table、box和width百分比

box当父元素设置为display:box后,子盒子不能通过margin:0 auto来实现水平居中,需要通过设置box-pack和box-align来实现居中。此时,内部块级子盒子不再占满整行,而是由其内容多少来决定的。当一个块级元素设置为display:inline-block/inline,都可以设置其父元素text-align:center来实现居中。通过-webkit-box-fl...

2018-09-19 10:35:56 468

转载 line-height:150%、line-height:1.5、line-height: 1.5em区别

先上结论:数字的时候,子元素的行高 = 子元素的字体大小 * 数字百分比和em单位时,子元素的行高 = 父元素的字体大小 * 百分比(或者em单位的值)1、百分比代码:<div style="line-height:150%;font-size:16px;width:300px"> 父元素内容 <div style="font-size:30px...

2018-09-19 09:49:48 936

转载 移动终端H5页面meta标签的设置案例

一、天猫<title>天猫触屏版</title><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><meta charset="utf-8"><meta content="width=device-width, initia

2018-09-18 17:03:19 339

转载 css中display设置为table、table-row、table-cell后的作用及其注意点

html:<div class="table"> <div class="row"> <div class="cell">内容内容内容内容内容内内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容..

2018-09-18 16:53:00 3342

转载 文字、字母以及数字的换行不换行问题总结

实现页面的文字、字母的展示效果的时候,相信大家都会遇到过一些这样的要求:“文字不能换行,要强制文字一行展示”或者是“字母不会自动换行,需要实现可以自动换行断句”等等诸如此类的要求,现在就这个文字、字母换不换行的问题,说说这三个css属性的巧妙运用:white-space、word-wrap、word-break首先,先来看下这三个属性在W3C上给出的释义:(具体这三个属性各自有哪些属性值需要大家...

2018-09-18 16:23:17 787

转载 css3 box-shadow阴影(外阴影与外发光)讲解

css3 box-shadow阴影(外阴影与外发光)讲解 基础说明:    外阴影:box-shadow: X轴  Y轴  Rpx  color;    属性说明(顺序依次对应): 阴影的X轴(可以使用负值

2018-09-18 15:53:27 354

转载 纯CSS写三角形-border法

(1)有边框的三角形我们来写下带边框的三角形。如果是一个正方形,我们写边时,会用到border,但我们这里讨论的三角形本身就是border,不可能再给border添加border属性,所以我们需要用到其他办法。最容易想到的,是叠加层。思路是将两个三角形叠加在一起,外层三角形稍大一些,颜色设置成边框所需的颜色;内层三角形绝对定位在里面。整体就能形成带边框三角形的假象。这里就涉及到一个绝对定...

2018-09-18 08:19:33 76

原创 a、button、input、textarea相关样式总结

a,button,input{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; }可根据实际情况添加outline: none;或box-shadow: none;有时候图片放在a标签里也会出现边框,可设置图片的边框为0.除此...

2018-09-16 21:02:25 272

转载 基于Html的SEO(很基础,更是前端必须掌握之点)

文章来源:百度文库 Html代码seo优化最佳布局,实例讲解  众所周知,搜索引擎对html代码是非常优化的,所以html的优化是做好推广的第一步。一个符合seo规则的代码大体如下界面所示。 1、<!–聚酯多元醇)–> 这个东西是些页面注释的,可以在这里加我的“聚酯多元醇”,但过多关键字可能被搜索引擎惩罚哦!2、<html&...

2018-09-15 11:28:08 3658

转载 网页头部的声明应该是用 lang="zh" 还是 lang="zh-cn"?

简体中文页面:html lang=zh-cmn-Hans繁体中文页面:html lang=zh-cmn-Hant英语页面:html lang=enlang属性的取值应该遵循 BCP 47 - Tags for Identifying Languages。单一的 zh 和 zh-CN 均属于废弃用法。问题主要在于,zh 现在不是语言code了,而是macrolang,能作为语言c...

2018-09-15 11:10:26 3061

转载 <cite>,<q>与<blockquote>区别

 &nbsp;&nbsp; cite,q与blockquote这三个标签都是用来表示引用的,但这三者之间确是有着比较明显的区别的。  cite是用来标明引言的,所谓引言,就是对一本书、一篇报告或其它出版的来源资料的引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。如:  &lt;cite&gt;《傲慢与偏见》&lt;/cite&gt;  q是什么呢,是用来分离文本中的引语,定...

2018-09-15 10:39:38 556

转载 浏览器报Mixed Content错误的解决

正常来说一个网页中要么全部使用http,要么全部使用https 但是偶尔有些不完善的库自己会写死了调用的链接。一个简单的方法是在网页的head下加入下面这句&lt;meta http-equiv="Content-...

2018-09-15 08:17:38 19610

转载 ::before和::after伪元素的用法

一、介绍css3为了区分伪类和伪元素,伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:target,:not(),:focus。常见伪元素——::first-letter,::first-line,::before,::after,::selection。::before和::after下特有的cont...

2018-09-14 14:14:44 125

原创 js用循环给N个div各个绑定click事件并且输出这个div里面的内容

&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt;&amp;lt;script type=&quot;text/javascript&quot;src=&quot;js/jquery-1.11.1.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;&amp;l

2018-09-14 13:28:58 2638

转载 css hsla和rgba的区别

展开全部 &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;在CSS3里可以使用RGBA和HSLA两种色彩模式,都可以用来在设置颜色的同时也可以设置它的透明度。RGBA指的是“红色、绿色、蓝色和Alpha透明度”(Red-Green-Blue-Alpha),而HSLA则代表“色调、饱和度、亮度和Alpha透明度”(Hue-

2018-09-13 15:55:09 247

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除