标签:CSS

新闻中心

上传图片实时预览

yanpupu 发布于 2018-05-11

//图片预览; var fileInput = document.querySelector(‘input[type=file]’),//querySelector()方法返回文档中匹配指定 CSS 选择器的一个元素。 previewImg = docum...

阅读(3)评论(0)赞 (0)

ecshop技巧

ajax文件上传

营, 赵 发布于 2018-04-02

最近做个项目,用到了ajax文件上传,要考虑到兼容IE,IE下不支持“$.ajax”这种写法,在网上找了好多方法,最后,找到在IE下用Jquery from.js插件上传文件,可以解决问题,但是,IE下容易出现拒绝访问的问题, 在ie中除非你点击file控件的浏览按钮,否则是没有...

阅读(5)评论(0)赞 (0)

新闻中心

css+div如何解决文字溢出

2

zhang, yaozong 发布于 2018-02-28

看到标题你一定很轻易就会想到截断文字加“…”的做法。哈哈,就是这样。其实写这篇日志也只是把这样方法做个记录,因为似乎还有很多人不记得碰到这样的情况该如何处理。 首先,先解释一下,一般用div+css的容器中文字超出长度会浮动到框外或者把框撑大,这个一般容易解决,但是我...

阅读(2)评论(0)赞 (0)

新闻中心

css伪类和伪元素

胡, 金乐 发布于 2018-01-21

伪类选择器 css中新增了一些伪类和伪元素,下面是我在w3c中选择的一些,自己总结了一下。感觉还是有点用处 E:nth-child(n) 第n个子元素,计算方法是E元素的全部兄弟元素 E:nth-of-type(n) 第n个子元素,计算方法只是E元素,会忽略其子元素的 存在 E:...

阅读(6)评论(0)赞 (0)

新闻中心

css 边框

4

胡, 金乐 发布于 2018-01-21

css中增加了一个border-radius  ,有了它可以画出奇奇怪怪的形状 今天就使用它画个太极图出来, HTML代码 css代码: 浏览器出来的效果:       标签:CSS

阅读(8)评论(0)赞 (0)

新闻中心

css选择器2

2

胡, 金乐 发布于 2018-01-07

css中添加了一些有用的选择器,如果没见过的话觉得很神奇。 看到w3c上有个小栗子就分享下,大家在以后工作中遇到这样的需求时,轻松搞定。不用写class  ,让HTML代码更干净,高效 让上面的第一、第二、第三 突出显示,就类似于商城上的top1,top2,top3 如果以前,我...

阅读(6)评论(0)赞 (0)

新闻中心

离线访问

4

胡, 金乐 发布于 2017-12-17

直接看代码。 移动端用的比较多,首先在HTML上添加一个属性,这个属相指向一个类似缓存清单的文件 lixianfangwen.manifest  文件的格式如下: 写上应用程序版本号,方便以后升级用,以及要缓存的文件,格式已经规定好了 lixian.css 文件:往body里写一...

阅读(6)评论(0)赞 (0)

css

用css3实现彩色边框

2

lee 发布于 2017-11-01

一般我们遇到的border基本都是纯色,最近正好有个客户想要做置顶的时候,列表加一个彩色边框效果。 研究了CSS3发现了一个不错的样式,但是不太常用就是border-image属性。 这个属性加上CSS中的渐变色属性,正好可以实现多色渐变边框效果。 如下图效果: 代码和效果入上图...

阅读(7)评论(0)赞 (0)

新闻中心

css+div如何解决文字溢出

zhang, yaozong 发布于 2017-10-10

一般的文字截断(适用于内联与块): .text-overflow { display:block;/*内联对象需加*/ width:31em; word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:...

阅读(3)评论(0)赞 (0)

新闻中心

前端神器,sublime插件html-css-js Prettify 实现代码格式化

liudi_php 发布于 2017-07-31

扒站的时候最让人头疼的就是扒过来的代码乱七八糟,一行的css,一行的js,看着就头疼。通常的做法是 1.打开代码 2.百度一个格式化代码功能的页面 3.把代码粘进 4.格式化一下再复制过来 这样显然很学浪费时间。如果使用了html-css-js prettify你的步骤就会这样的...

阅读(3)评论(0)赞 (0)

javascript

原生的强大DOM选择器querySelector

杨少洪 发布于 2016-11-25

在传统的 JavaScript 开发中,查找 DOM 往往是开发人员遇到的第一个头疼的问题,原生的 JavaScript 所提供的 DOM 选择方法并不多,仅仅局限于通过 tag, name, id 等方式来查找,这显然是远远不够的,如果想要进行更为精确的选择不得不使用看起来非常...

阅读(6)评论(0)赞 (0)

新闻中心

css:定位的区别

小马 发布于 2016-10-16

  static:静态定位是position的默认值,元素框正常生成,也就是没有定位时的正常显示。   relative:相对定位   用法一:元素相对自身的原位置偏移某个距离,但是原本的空间依旧保留,表现为空白。   用法二:把一个元素设置为position: relative...

阅读(4)评论(0)赞 (0)

html

图片自适应大小

杨少洪 发布于 2016-09-22

代码:<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0″> ...

阅读(4)评论(0)赞 (0)