腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

卡少编程之旅

专栏作者

27

文章

33540

阅读量

27

订阅数

样式代码编写习惯约定——高逼格

CSS代码规范写在最前面的一句话：sass不要嵌套过深，不允许超过3层命名规范 RULE1. 命名全部小写，不允许出现大写或者驼峰命名，使用短中划线，不允许出现下划线命名 bad .someSelector { margin: 0; } .some_selector { margin: 0; } good .some-selector { margin: 0; } RULE2. 尽量使用有意义的命名，不允许出现1,2,3,4的后缀区分，尽量避免使用拼音，除非耳熟能详的，比如分享的weixin

2018-05-16

9000

对列表hover效果的小探讨

有hover效果的页面导航的制作思路在做顶部页面导航时，很多情况下网站需要鼠标悬停的底部高亮线的效果。这部分nav一般是采用ul+lian+a的方式来做，li设置display为行内块元素。今天的想法是让这个悬停产生的线如何跟这个字的宽度相同，而不是li的宽度？这个想法的关键在于这个悬停线统一是用伪元素来实现的，伪元素的宽度就是这个悬停线的宽度，因此css类选择器应该是 .nav ul li a:hover::after的格式。但还是出现了一些小问题，比如这个a的宽度只能是被里面文字撑开的宽度，不能设置

2018-05-16

1.3K0

用CSS实现居中的总结

行内或者行内块元素居中 1.单行竖直居中给行内元素添加上下相同大小的padding值即可设置元素的line-height等于父容器的高度，也可以竖直居中使用弹性盒子Flex后，设置align-items为center 涉及到图片文字混排竖直居中使用vertical-align，可以使用伪元素加入以下代码 container::after{ content:''; display:inline; vertical-align:middle; } 2.多行文字竖直居中设置padd

2018-05-16

6970

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态