css
sweetllh
不疯癫,不成魔
展开
-
flex布局详解
1、阮一峰 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html http://www.ruanyifeng.com/blog/2015/07/flex-examples.html 2、flex-basic属性 https://mp.weixin.qq.com/s?__biz=MzA5NzkwNDk3MQ==&mid=2650587826&idx=1&sn=785aa994a3f046f55c21b2c1478639原创 2020-10-18 10:36:22 · 412 阅读 · 0 评论 -
hover实现手风琴动画和bug的解决
每个图片放在li里面;然后左浮动。 给li宽度,img超出li的隐藏;li的宽度不等,但和等于ul的宽度;其中一个li的宽度等于图片的,li超出ul的隐藏; 当ul:hover,li的宽度都为128px;当li:hover,li的宽度为图片的宽度; bug文章后面展示。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /原创 2017-04-18 12:18:28 · 1060 阅读 · 0 评论 -
CSS引入的方式有哪些? link和@import的区别是?
有 4 种方式可以在 HTML 中引入 CSS。 1.内联方式 内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS。 示例:<div style="background: red"></div>这通常是个很糟糕的书写方式,它只能改变当前标签的样式,如果想要多个 <div> 拥有相同的样式,你不得不重复地为每个 <div> 添加相同的样式,如果想要修改一种样式,又不得不修改转载 2017-07-01 15:47:47 · 1177 阅读 · 0 评论