- 博客(27)
- 收藏
- 关注
RSS订阅转载 CSS之BFC、IFC、GFC和FFC
前言 盒子模型作为CSS基础中的基础，曾一度以为掌握了IE和W3C标准下的块级盒子模型即可，但近日在学习行级盒子模型时发现原来当初是如此幼稚可笑。本文尝试全面叙述块级、行级盒子模型的特性。作为近日学习的记录。何为盒子模型? 盒子模型到底何方神圣居然可以作为C
2016-11-28 11:02:49
5548
1
原创 css重点问题记忆
1.浮动元素会被自动设置成块级元素，相当于给元素设置了display:block（块级元素能设置宽和高，而行内元素则不可以）。2.:after伪类IE不支持3.jQuery实现水平和垂直居中jQuery实现水平和垂直居中的原理就是通过jQuery设置DIV的CSS，获取DIV的左、上的边距偏移量，边距偏移量的算法就是用页面窗口的宽度减去该DIV得宽度，得到的值再除以2即
2016-11-28 09:52:00
370
转载 MIME类型介绍
什么是MIME类型-在把输出结果传送到浏览器上的时候，浏览器必须启动应用程序来处理这个输出文档。这可以通过多种类型MIME（多功能网际邮件扩充协议）来完成。在HTTP中，MIME类型被定义在Content-Type header中。 例如，架设你要传送一个Microsoft Excel文件到客户端。那么这时的MIME类型就是“application/vnd.ms-excel”。
2016-11-27 17:52:13
410
转载 HTML5重要知识点
介绍我是一个ASP.NET MVC的开发者，最近在我找工作的时候被问到很多与HTML5相关的问题和新特性。所以以下40个重要的问题将帮助你复习HTML5相关的知识。这些问题不是你得到工作的高效解决方案，但是可以在你想快速复习相关主题的时候有所帮助。快乐地找工作。SGML（标准通用标记语言）和HTML（超文本标记语言），XML（可扩展标记语言）和HTM
2016-11-27 17:45:42
958
原创 css动画练习
css_practice.jadedoctype htmlhtml head title index meta(http-equiv="Content-Type",content="text/html;charset=utf-8") link(rel='stylesheet', href='/stylesheets/css_ba
2016-11-27 16:50:43
376
转载 css3 animation
CSS3属性中有关于制作动画的三个属性：Transform,Transition,Animation；我们一起学习完了Transform和Transition，让我们对元素实现了一些基本的动画效果，这些我想足以让大家激动了一阵子，今天我们趁着这个热劲继续第三个动画属性Animation的学习，单从Animation字面上的意思，我们就知道是“动画”的意思。但CSS3中的Animation与HTML
2016-11-27 16:47:41
300
转载 css3 transition
W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。”下面我们同样从其最语法和属性值开始一步一步来学习transition的具体使用语法: transition ： ['transition-
2016-11-27 16:46:30
348
转载 CSS3 transform
Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现，老样子，我们就从transform的语法开始吧。语法： tra
2016-11-27 16:44:42
683
转载 CSS清除浮动大全
在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了，下面总结8种清除浮动的方法，测试已通过 ie chrome firefox opera，需要的朋友可以参考下清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全，共8种方法。 浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览
2016-11-27 16:14:28
254
转载 css中的百分比单位详解
CSS支持多种单位形式，如百分比、px、pt、rem等，百分比和px是常用的单位，随着移动端和响应式的流行，rem、vh、vw也开始普遍使用，这些单位你可能未必知道，想了解？可以戳此文： CSS：7个你可能不认识的单位 。今天在SegmentFault社区碰到了两个关于百分比计算的问题，一个是在 translate 中使用百分比的时候，是相对于哪个DOM元素的大小计算的；另外一个是在 pa
2016-11-27 15:16:20
3718
原创 CSS尺寸总结
相对尺寸： % 所占父元素的百分比 如 div{width:50%} px 像素，指屏幕上的一个点 em 倍率，表示标准字体大小的倍率绝对尺寸：在屏幕上使用的web页面尺寸几乎不用绝对尺寸 cm 厘米 mm 毫米 in 英寸 pt 磅（72磅=1英寸）%和px 常用语布局当中，em常用语段落当中，字体的设计等em是根据最顶层元素设置的f
2016-11-27 15:10:48
386
原创 深入理解盒模型
1.父元素设置/* Safari, Opera, and Chrome */display:-webkit-box;/* Firefox */display:-moz-box;/* W3C */display:box2.box-orient 定义盒模型的布局方向 horizontal 水平显示 vertical 垂直显示3.box-direction 元
2016-11-27 14:11:54
1882
原创 node.js使用cheerio制作网络爬虫
1.cheerio简介它是为服务器特别定制的，快速、灵活、实施的jQuery核心实现.将HTML告诉你的服务器，用来解析html非常方便，就像在浏览器中使用jquery一样。var cheerio = require('cheerio'), $ = cheerio.load('Hello world');$('h2.title').text('Hello there!');
2016-11-27 09:29:04
2448
转载 SVG滤镜
SVG 滤镜用来向形状和文本添加特殊的效果。SVG 滤镜在 SVG 中，可用的滤镜有：feBlendfeColorMatrixfeComponentTransferfeCompositefeConvolveMatrixfeDiffuseLightingfeDisplacementMapfeFloodfeGaussianBlurfeImagefeMergefeMorpho
2016-11-25 21:37:34
405
原创 Html页面中的资源路径详解
Html页面中可能用到的资源：“图片”、“CSS”、“JS”，同时，要使用这些资源必须指定资源RUL，URL有如下三种： (1)绝对路径：已协议名开头的路径，如http://www.baidu.com/test.jpeg (2)相对路径：不以协议名开头，如test.jpeg ../test.jpeg (3)根相对路径：以/开头的路径，相对于当前站点的根路径，而与当前页面所在路径无
2016-11-25 12:38:24
1220
原创 Web开发中的图片格式详解
bmp:未经压缩的bit图，一般不用于web开发psd:Photoshop 原始本当，支持层，页面中不直接使用tif:用于出版印刷raw:图片太大jpeg:经过压缩的图片，保真度高，色彩丰富，适用于Web中的照片，1024*786大压缩到100k甚至更小完全可以接受png：色彩没有jpg丰富，但透明度支持的好，适合于图标gif:色彩比较丰富，支持动画效果，也在一定程度支持透
2016-11-25 12:35:54
782
原创 js学习之前言
1.JS的历史和发展 浏览器的核心：内容渲染引擎 +脚本解释引擎 常见的浏览器的核心： (1) IE的核心：Trident(双引擎) (2) Chrome的核心：Webkit(渲染引擎)+V8(脚本解释) (3) Safari的核心：Webkit(双引擎) (4) Opera的核心：Presto(双引擎-o-)
2016-11-24 23:21:07
386
原创 CSS之Sprites
CSS Sprites简介、优点及缺点精灵之意，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，利用CSS的“background-image”，“background-repeat”，“background-position”的组合进行背景定位，background-position可以用数字能精确的定位出背景图片的位置。
2016-11-24 22:36:06
396
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人