manlili blog

记录技术上的点点心得


  • 首页

  • 归档

  • 分类

  • 标签

  • 关于

  • 搜索
close
manlili blog

rem单位引用

发表于 2015-02-24 | 分类于 心得体会
定位在W3C官网上是这样描述rem的——“font size of the root element” 。下面我们就一起来详细的了解rem。rem是相对于根元素,这样就意味着,我们只需要在根元素确定一个参考值,,在根元素中设置多大的字体,这完全可以根据您自己的需要。 使用方法1、头部添加2、设置根元 ...
阅读全文 »
manlili blog

CSS控制文本的长度,超过一行显示省略号

发表于 2015-02-12 | 分类于 样式css技术
代码如下:1<div style="width:100px;height:20px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; ">a b c d e f g h i j k l , msa sd sd sa ...
阅读全文 »
manlili blog

浏览器加载的顺序

发表于 2015-01-21 | 分类于 心得体会
页面响应加载的顺序:1、域名解析->加载html->加载js和css->加载图片等其他信息DOM详细的步骤如下: 解析HTML结构。 加载外部脚本和样式表文件。 解析并执行脚本代码。 构造HTML DOM模型。 加载图片等外部文件。 页面加载完毕。 举个例子:123456789 ...
阅读全文 »
manlili blog

搭建iis本地测试服务器

发表于 2015-01-04 | 分类于 心得体会
第一步在“开始”选择 “控制面板”,默认是以“类别”显示, 第二步改成“小图标”显示 第三步选择“程序和功能” 第四步进入界面后,点击“启动或关闭Windows功能” 第五步然后勾选图中的两个选框,注意一定要显示为 勾 ,不能是红色填充! 第六步大约两三分钟后,就可以自动完成结束。 第七步然后进入控 ...
阅读全文 »
manlili blog

html5新标签

发表于 2014-12-16 | 分类于 心得体会
最近在做的项目中用到了Html5的部分标签,经同事提醒感觉自己用section的次数多的有点过分,今天去找了一篇HTML5新标签的使用方法,特意贴了上来,感谢原作者的分享,方便以后自己使用。 HTML5时代的召唤上一代的HTML的标准: HTML 4.01 和 XHTML 1.0 距离今天已经发布了 ...
阅读全文 »
manlili blog

css3实现页面遮罩效果

发表于 2014-12-05 | 分类于 样式css技术
今天把页面遮罩的效果发一下,之前遮罩都是用JS实现的,忽然发现CSS3里面的box-shadow属性除了做立体阴影外,还可以做页面的遮罩.下面来看一下完成的动态效果:从上图可以看出,就是当鼠标悬浮在按钮上时,会出现整个页面的遮罩,当然调一下透明度就是网页中经常看到的当鼠标悬浮在一张图片上时,周围的其 ...
阅读全文 »
manlili blog

父层与子层的 position 属性在不同组合下的情况

发表于 2014-11-29 | 分类于 样式css技术
对position属性的relative和absolute总是很迷糊,今天就花了半天时间对各种情况进行尝试并做了比较。初始状态一个父层、两个子层,都设置宽高、边框、背景色和定位的left和top;html内容:12345<div class="fu"> 父层 <div cl ...
阅读全文 »
manlili blog

jquery实现图片轮播

发表于 2014-11-23 | 分类于 js技术
写了一个轮播图练练手,先写了一个手动点击轮播的轮播图,随后我会慢慢接着深入写自动轮播图和鼠标悬浮图片停止移动轮播图等,不能找借口放松自己,原地踏步也算后退.下面来看看最终做的手动点击轮播效果: 原理说明(1)首先是轮播图的架构,我采用了一个最外边的大div包住两个小div,一个小div里面放四张图片 ...
阅读全文 »
manlili blog

javascript学习的思维导图

发表于 2014-11-11 | 分类于 心得体会
今天逛博客园,发现了好东西,我给偷过来了,那就是javascript学习的思维导图,比自己整理更快速。 思维导图思维导图小tips:  思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具。思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关 ...
阅读全文 »
manlili blog

animation steps属性实现帧动画

发表于 2014-11-01 | 分类于 样式css技术
用如下的图来实现帧动画下面来看下实现的代码:1234567891011121314151617181920212223242526272829<!DOCTYPE html><html> <head> <meta charset="utf- ...
阅读全文 »
1…91011
满利利

满利利

前端开发工程师

106 日志
16 分类
125 标签
GitHub manlili1010@qq.com
© 2017 满利利