css
文章平均质量分 59
tianxieliuhong
这个作者很懒,什么都没留下…
展开
-
css重点问题记忆
1.浮动元素会被自动设置成块级元素,相当于给元素设置了display:block(块级元素能设置宽和高,而行内元素则不可以)。2.:after伪类IE不支持3.jQuery实现水平和垂直居中jQuery实现水平和垂直居中的原理就是通过jQuery设置DIV的CSS,获取DIV的左、上的边距偏移量,边距偏移量的算法就是用页面窗口的宽度减去该DIV得宽度,得到的值再除以2即原创 2016-11-28 09:52:00 · 348 阅读 · 0 评论 -
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 · 362 阅读 · 0 评论 -
css3 animation
CSS3属性中有关于制作动画的三个属性:Transform,Transition,Animation;我们一起学习完了Transform和Transition,让我们对元素实现了一些基本的动画效果,这些我想足以让大家激动了一阵子,今天我们趁着这个热劲继续第三个动画属性Animation的学习,单从Animation字面上的意思,我们就知道是“动画”的意思。但CSS3中的Animation与HTML转载 2016-11-27 16:47:41 · 289 阅读 · 0 评论 -
css3 transition
W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。”下面我们同样从其最语法和属性值开始一步一步来学习transition的具体使用语法: transition : ['transition-转载 2016-11-27 16:46:30 · 322 阅读 · 0 评论 -
CSS3 transform
Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现,老样子,我们就从transform的语法开始吧。语法: tra转载 2016-11-27 16:44:42 · 620 阅读 · 0 评论 -
CSS清除浮动大全
在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了,下面总结8种清除浮动的方法,测试已通过 ie chrome firefox opera,需要的朋友可以参考下清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全,共8种方法。 浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码,在各种浏览转载 2016-11-27 16:14:28 · 238 阅读 · 0 评论 -
css中的百分比单位详解
CSS支持多种单位形式,如百分比、px、pt、rem等,百分比和px是常用的单位,随着移动端和响应式的流行,rem、vh、vw也开始普遍使用,这些单位你可能未必知道,想了解?可以戳此文: CSS:7个你可能不认识的单位 。今天在SegmentFault社区碰到了两个关于百分比计算的问题,一个是在 translate 中使用百分比的时候,是相对于哪个DOM元素的大小计算的;另外一个是在 pa转载 2016-11-27 15:16:20 · 3684 阅读 · 0 评论 -
CSS尺寸总结
相对尺寸: % 所占父元素的百分比 如 div{width:50%} px 像素,指屏幕上的一个点 em 倍率,表示标准字体大小的倍率绝对尺寸:在屏幕上使用的web页面尺寸几乎不用绝对尺寸 cm 厘米 mm 毫米 in 英寸 pt 磅(72磅=1英寸)%和px 常用语布局当中,em常用语段落当中,字体的设计等em是根据最顶层元素设置的f原创 2016-11-27 15:10:48 · 374 阅读 · 0 评论 -
SVG滤镜
SVG 滤镜用来向形状和文本添加特殊的效果。SVG 滤镜在 SVG 中,可用的滤镜有:feBlendfeColorMatrixfeComponentTransferfeCompositefeConvolveMatrixfeDiffuseLightingfeDisplacementMapfeFloodfeGaussianBlurfeImagefeMergefeMorpho转载 2016-11-25 21:37:34 · 386 阅读 · 0 评论 -
相邻元素的margin和padding的解析分析
相邻元素的margin和padding的解析分析原创 2016-11-25 20:56:07 · 785 阅读 · 0 评论 -
CSS之元素定位
css定位详解原创 2016-11-25 20:39:09 · 269 阅读 · 0 评论 -
CSS之Sprites
CSS Sprites简介、优点及缺点精灵之意,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,利用CSS的“background-image”,“background-repeat”,“background-position”的组合进行背景定位,background-position可以用数字能精确的定位出背景图片的位置。原创 2016-11-24 22:36:06 · 376 阅读 · 0 评论 -
CSS之BFC、IFC、GFC和FFC
前言 盒子模型作为CSS基础中的基础,曾一度以为掌握了IE和W3C标准下的块级盒子模型即可,但近日在学习行级盒子模型时发现原来当初是如此幼稚可笑。本文尝试全面叙述块级、行级盒子模型的特性。作为近日学习的记录。何为盒子模型? 盒子模型到底何方神圣居然可以作为C转载 2016-11-28 11:02:49 · 5441 阅读 · 1 评论