![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 70
csdn_chenli
爱生活,爱分享。
展开
-
Echart 的实例
这是我自己做的一些实例 有Echarts 部分属性的注释学习网站:http://echarts.baidu.com/index.htmlECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直原创 2016-05-26 15:47:20 · 5476 阅读 · 0 评论 -
HTML实体符号代码
HTML实体符号被用作实现保留字符(reserved characters)或者表达键盘无法输入的一些常用字符(感谢阿里的提示)。在大多数浏览器中默认的字符集为ISO-8859-1。HTML实体符号使我们在网页设计中经常用到的,下面做了整理,以备速查。 HTML实体符号代码速查表 来源:entitycode 翻译整理:CSS9.NET(提示:使用浏览器的前进后退键可在各选项卡浏览历史间切换转载 2017-04-10 17:32:14 · 1528 阅读 · 0 评论 -
px自动转rem的插件 适用于sublime
px自动转rem的插件 适用于sublime因为电脑有装sublimetext,所以这次就介绍适用于sublime的px自动转rem的插件。下面我介绍一下,如何配置:1. 我们可以在GitHub上下载所依赖的文件;https://github.com/flashlizi/cssrem2. 打开Sublime Text,进入packages目录(Sublime原创 2016-11-02 12:46:28 · 5849 阅读 · 2 评论 -
用sublime sever启动本地服务(手机访问电脑页面)
如果你使用的是sublime text作为编辑器。那么恭喜你,调试移动端的HTML页面,就不用那么难了。那就是使用sublime text的服务器插件:SublimeServer。使用该插件后,你就不需要启动tomcat这样的重型服务器了(主要是我个人认为tomcat启动慢,而且操作还比较复杂),就可以调试移动端的HTML页面。SublimeServer会启动一个轻量级的,静态的WEB服务器,原创 2016-11-15 18:03:43 · 5483 阅读 · 3 评论 -
jQuery设置div居中及实现遮罩层
jquer设置div居中级实现遮罩层这里主要讲遮罩层web前端开发,写网站静态页面时经常遇到些遮罩层和设置div(物体)居中。这里又我自己写的一个实例,提供参考。一、效果图效果图1:效果图2:这两张图片看是没有什么区别,可以说做起来可就没那么容易咯(这个问题我可是弄了半天呢。)第一张:内容比较少 ,只有获取浏览器的高度就可以var sW=原创 2016-11-17 17:59:46 · 8614 阅读 · 1 评论 -
Cass用法指南(一)
学过CSS的人都知道,它不是一种编程语言。你可以用它开发网页样式,但是没法用它编程。也就是说,CSS基本上是设计师的工具,不是程序员的工具。在程序员眼里,CSS是一件很麻烦的东西。它没有变量,也没有条件语句,只是一行行单纯的描述,写起来相当费事。很自然地,有人就开始为CSS加入编程元素,这被叫做"CSS预处理器"(css preprocessor)。它的基本思想是,用一种专门的编程语言转载 2016-07-29 14:58:50 · 4427 阅读 · 0 评论 -
学习sass之安装sass
为什么使用Sass作为前端(html、javascript、css)的三大马车之一的css,一直以静态语言存在,HTML5火遍大江南北了、javascript由于NODE.JS而成为目前前后端统一开发语言的不二之选。只有css似乎成为前端开发的被忽视的角色了。Sass让css有了动态语言的特点,在初次学习css时,有时候同样的样式在不同的#或.中一次又一次重复的编码,有了Sass,在css转载 2016-07-29 14:25:02 · 337 阅读 · 0 评论 -
css3 Animation ,transform,keyframess属性以及实例
现在前端的很多网站都有动态效果,banner图上的内容也是弹入淡出,不会js的小伙伴就学学Animation ,transform,keyframess属性吧 非常实用。学了几天总结出来的内容就是一下几点。1. Animation 动画属性Animation-name:规定需要绑定选择去@keyframe名称Tweenedanimation的分类Alpha:谈入弹出原创 2016-07-08 17:01:37 · 1149 阅读 · 0 评论 -
FlexSlider插件的详情设置参数
FlexSlider是一个非常出色的jQuery滑动切换插件,它支持所有主流浏览器,并有淡入淡出效果。适合所有初级和高级网页设计师使用。使用FlexSlider 还要下载FlexSlider.js和FlexSlider.css一起使用刚学习的 还没与完全弄清楚 记录一下$(function () {$('.flexslider').flexslider({an原创 2016-06-22 18:07:25 · 1334 阅读 · 1 评论 -
web前端面试题
前端开发面试题本文总结了一些常见前端面试(多数源于网络),希望阅后也要用心钻研其中的原理,重要知识需要系统学习,透彻学习,形成自己的知识链。HTML、CSS部分要点:对Web标准的理解、浏览器差异、CSS基本功:布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端开发 技术等JavaScript部分要点: 数据类型、面向对象、继承、闭包、插件、作用原创 2016-07-27 16:12:16 · 1093 阅读 · 0 评论 -
transform(变形)和transform-origin(变形原点)-Css3演示
这是transform(变形)和transform-origin(变形原点)-Css3演示的一个工具,分享给大家。非常实用。图片想要什么样的效果点击效果设置区1:变形原点2:变形参数3:代码区4:效果预览区非常实用如上图的样式 自动生成的源代码:-moz-transform:rotate(360deg) scale(0.8原创 2016-07-05 15:55:16 · 493 阅读 · 0 评论 -
div+css文章段落怎么竖排显示?
显示效果可以自动换行 怎么做html code class="text"> class="tb-rl"> class="test"> 这里是文字标题 本段文字将按照垂直从右到左的书写方向进行流动。转载 2016-07-13 13:42:25 · 1943 阅读 · 0 评论 -
html页面的遮罩层以及提示加载中
在写网站时 经常出现加载中,遇到加载遮罩层的页面。这是我自己写的一个遮罩层页面,记录一下,以便查看。如图:HTML 源码//加载的gif图片和提示文字 加载中请稍后...... CSS 样式/*遮罩层 begin 2016-6-14 13:22:原创 2016-06-14 14:22:56 · 12944 阅读 · 0 评论 -
css样式写网页的遮罩层提示加载中
写页面经常会遇到写网页的遮罩层 提示我加载中这是自己写的一个例子 记录一下 以便查看如图HTML 的源代码//加载的gif图片 和文字 begin 加载中请稍后...... //加载的gif图片 和文字 end!--灰色遮罩层 begin--> CSS样式原创 2016-06-14 13:58:22 · 1074 阅读 · 0 评论 -
css3实现字体的颜色渐变
css3实现字体的颜色渐变,记录一下,在些页面时有时会用到。效果图:html源码:金玉良缘css样式} .mTitle_main {width: 500px;height: 100px;background:#000000 ; } .mTitle_main h2{ width: 500px;height原创 2016-06-29 16:41:34 · 17051 阅读 · 0 评论 -
CSS3圆角圆边 支持IE6-IE8浏览器
来源:http://xiaohu-yin.blog.163.com/blog/static/1476581420148263298881/感谢分享 很是实用CSS3圆角圆边样式,支持各大版本浏览器,包括支持IE6-IE9浏览器的圆边圆角。本文我们主要是讲解如果用CSS 3样式表来实现圆角效果,值得注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS3的解析,只有还不太主流的I转载 2016-06-29 14:31:42 · 1087 阅读 · 0 评论 -
web前端开发常用的几个js效果
web前端开发常用的几个js一.table换行奇数和偶数行不同的颜色二.input type=“text” 文本里面的默认字体颜色和获取焦点后的字体颜色变换三.iframe 自适应调用页面的宽度和高度源代码:实例1table换行奇数和偶数行不同的颜色 function load() {原创 2016-05-26 17:23:49 · 3265 阅读 · 0 评论 -
jQuery实现简单的滑动导航
1.1 App滑动导航说明:这个例子主要是实现一条导航山只有两个选项的。1.适合用于移动端。2.滑动条的长度是选项内容的长度。1.1.1. 效果图 1.1.2. Html 滑动导航 滑动到岗 滑动到岗 1.1.3. Css原创 2017-05-22 15:59:26 · 2055 阅读 · 0 评论