css
sweetllh
不疯癫,不成魔
展开
-
flex布局详解
1、阮一峰http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlhttp://www.ruanyifeng.com/blog/2015/07/flex-examples.html2、flex-basic属性https://mp.weixin.qq.com/s?__biz=MzA5NzkwNDk3MQ==&mid=2650587826&idx=1&sn=785aa994a3f046f55c21b2c1478639原创 2020-10-18 10:36:22 · 435 阅读 · 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 · 1069 阅读 · 0 评论 -
CSS引入的方式有哪些? link和@import的区别是?
有 4 种方式可以在 HTML 中引入 CSS。 1.内联方式 内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS。 示例:<div style="background: red"></div>这通常是个很糟糕的书写方式,它只能改变当前标签的样式,如果想要多个 <div> 拥有相同的样式,你不得不重复地为每个 <div> 添加相同的样式,如果想要修改一种样式,又不得不修改转载 2017-07-01 15:47:47 · 1199 阅读 · 0 评论