CSS
joyfixing
这个作者很懒,什么都没留下…
展开
-
CSS float
浮动是相对于父元素浮动的。浮动后父元素高度会塌陷为0,被浮动的元素display属性会变为inline-block,想要让父元素高度正常,需要在浮动元素的下面清除浮动,变通方法是在浮动元素的父元素添加如下class。.clearfix:after{ content: '.'; clear: both; display: block; visibility:原创 2016-09-03 11:59:43 · 685 阅读 · 0 评论 -
CSS实现会发光的输入框input
通过input标签创建一个输入框后,当用鼠标点击输入框会发现输入框外围边框会变色且会变得模糊,这是因为浏览器的默认样式在捣蛋,接下来我们自定义focus样式。实现上述效果需要4个步骤取消浏览器默认样式outline。设置边框样式、宽度、颜色。设置边框阴影。渐变过渡效果取消浏览器默认样式outline以谷歌浏览器为例,当focus input输入框时浏览器会设置outline: -webki原创 2016-07-12 14:25:40 · 12181 阅读 · 2 评论 -
CSS 定位总结
CSS 有三种基本的定位机制:普通流、浮动和绝对定位,但本篇文章要总结的是CSS中的position属性,position有四个值,static,absolute,relative,fixed。相对定位 relative生成相对定位的元素,相对于其正常位置进行定位,它原本占据的空间流仍然存在。当使用left、top、right、bottom偏移时起始计算点为外边距最外层,偏移后的元素不占据空间流,对原创 2016-10-10 09:43:57 · 971 阅读 · 0 评论 -
CSS选择器优先级
选择器的特殊性分成4个成分等级:a,b,c,d。 - 如果样式是行内样式,那么a=1。 - b等于ID选择器的总数 - c等于类、伪类和属性选择器的数量 - d等于类型选择器和伪元素选择器的数量原创 2016-10-09 14:48:33 · 386 阅读 · 0 评论