joyfixing的博客

行百里者半九十

CSS 定位总结

CSS 有三种基本的定位机制:普通流、浮动和绝对定位,但本篇文章要总结的是CSS中的position属性,position有四个值,static,absolute,relative,fixed。相对定位 relative生成相对定位的元素,相对于其正常位置进行定位,它原本占据的空间流仍然存在。当使...

2016-10-10 09:43:57

阅读数:537

评论数:0

CSS选择器优先级

选择器的特殊性分成4个成分等级:a,b,c,d。 - 如果样式是行内样式,那么a=1。 - b等于ID选择器的总数 - c等于类、伪类和属性选择器的数量 - d等于类型选择器和伪元素选择器的数量

2016-10-09 14:48:33

阅读数:220

评论数:0

CSS float

浮动是相对于父元素浮动的。 浮动后父元素高度会塌陷为0,被浮动的元素display属性会变为inline-block,想要让父元素高度正常,需要在浮动元素的下面清除浮动,变通方法是在浮动元素的父元素添加如下class。 .clearfix:after{ content: '.'; ...

2016-09-03 11:59:43

阅读数:511

评论数:0

CSS实现会发光的输入框input

通过input标签创建一个输入框后,当用鼠标点击输入框会发现输入框外围边框会变色且会变得模糊,这是因为浏览器的默认样式在捣蛋,接下来我们自定义focus样式。实现上述效果需要4个步骤 取消浏览器默认样式outline。 设置边框样式、宽度、颜色。 设置边框阴影。 渐变过渡效果 取消浏览器默认样式o...

2016-07-12 14:25:40

阅读数:5371

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭