css
关注
分享
扫一扫
文章平均质量分 62
wax9092
要么不做，做就疯狂的追求完美
展开
-
Css-:nth-child 的用法
主要例举了一下css :nth-child 伪类选择器用法原创 2022-06-04 15:22:13 · 5697 阅读 · 0 评论 -
css实现下拉菜单以及下拉箭头旋转效果
下拉菜单动画制作*{margin:0;padding:0;box-sizing: border-box;list-style: none;}.nav{width: 100%;height: 30px;background: #f2f2f2;}.nav ul{width: 800px;margin:0 auto}.nav ul li{position:relative;float原创 2018-01-11 16:57:46 · 9229 阅读 · 0 评论 -
css显示与滑动效果
*{margin:0;padding:0;box-sizing: border-box;}.vertical{position:absolute;right: 0;width: 40px;height:1000px;background: #000;}.vertical .member{position:relative;width: 40px;height: 40px;margin-to原创 2018-01-12 16:30:54 · 3863 阅读 · 0 评论 -
最常用的居中方法css
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>设置居中</title> <style> *{ margin:0;padding:0;list-style: none;box-sizing: border-bo原创 2018-02-26 13:37:02 · 182 阅读 · 0 评论 -
css 动画---注意事项
animation 与 @keyframes 搭配使用。@keyframes 用于编写动画的具体内容，不外乎：translate3d(x,y,z) scale3d(x,y,z) rotate3d(x,y,z,angle) skew(x-angle,y-angle) ，既可以使用单个属性，也可以混合搭配。（方便记忆translate3d(x,y,z)联想translateX，Y，Z）动画执行的基础：...原创 2018-07-10 15:43:32 · 378 阅读 · 0 评论 -
中文字符与实体字符的区别 - css细节
1.直接打中文字符比如：￥其实默认占有空格，要想实现对齐，只能用margin-。虽然效果实现了，但是布局并不是那么友好。2.使用实体字符可以完美解决。：￥ 变为&yen;这样就轻松实现了对齐。无论结构还是语义都比较完美。因此，在使用符号时，最好使用实体字符。...原创 2018-10-17 17:44:06 · 409 阅读 · 0 评论 -
另辟途径去除inline-block元素间间距
1.实现效果 2.刚开始布局 <ul> <li></li></ul>css 只写关键样式ul{font-size:0}li{display:inline-block;line-height:50px} 纯文字是可以自己实现垂直居中3.间隙产生 当我加入图片，这个li上边有间隙，而且...原创 2018-11-16 09:40:14 · 149 阅读 · 0 评论