关闭
当前搜索:

CSS 定位总结

CSS 有三种基本的定位机制:普通流、浮动和绝对定位,但本篇文章要总结的是CSS中的position属性,position有四个值,static,absolute,relative,fixed。相对定位 relative生成相对定位的元素,相对于其正常位置进行定位,它原本占据的空间流仍然存在。当使用left、top、right、bottom偏移时起始计算点为外边距最外层,偏移后的元素不占据空间流,对...
阅读(306) 评论(0)

CSS选择器优先级

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

CSS float

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

CSS实现会发光的输入框input

通过input标签创建一个输入框后,当用鼠标点击输入框会发现输入框外围边框会变色且会变得模糊,这是因为浏览器的默认样式在捣蛋,接下来我们自定义focus样式。实现上述效果需要4个步骤 取消浏览器默认样式outline。 设置边框样式、宽度、颜色。 设置边框阴影。 渐变过渡效果 取消浏览器默认样式outline以谷歌浏览器为例,当focus input输入框时浏览器会设置outline: -webki...
阅读(3907) 评论(0)
    个人资料
    • 访问:41738次
    • 积分:636
    • 等级:
    • 排名:千里之外
    • 原创:22篇
    • 转载:0篇
    • 译文:0篇
    • 评论:7条
    文章分类
    最新评论