随笔分类 -  Html-Css

a:hover + 兄弟选择器（标签选择）失效的解决方法
摘要：问题：如下图没有效果 解决方案：改为id选择器 阅读全文
posted @ 2017-11-06 14:46 fengfan-boke 阅读(431) 评论(0) 推荐(0)
ul和li标签实现列表
摘要：css样式 #m{ width: 80%; overflow: hidden; padding: 0px; margin: 50px 0 0 20px;}#m,#m ul{ list-style-type: none; padding: 0px;}#m li a{ display: block; c 阅读全文
posted @ 2017-09-25 12:14 fengfan-boke 阅读(1001) 评论(0) 推荐(0)
小图标的使用（插入icon图标）
摘要：@xudongh 2016-07-14 12:06 字数 2180 阅读 2050 在网页中插入icon图标的方法总结 前端开发 三种方法 CSS Sprite font + HTML font + CSS CSS Sprite ① 概述 CSS Sprite也称为“CSS 雪碧”或者“CSS 精灵 阅读全文
posted @ 2017-09-23 20:57 fengfan-boke 阅读(1684) 评论(0) 推荐(0)
响应式布局（媒体查询）
摘要： 阅读全文
posted @ 2017-09-22 10:45 fengfan-boke 阅读(101) 评论(0) 推荐(0)
水平垂直居中
摘要：方法一：使用dispaly：inline-block 和 vertical-align 还有伪类实现 .block1{text-align:center;border:1px solid red;height:600px; } .block1:before{content:'';display:in 阅读全文
posted @ 2017-09-11 10:37 fengfan-boke