CSS & CSS3
文章平均质量分 68
Muizai
No code no bug.
幸灾乐祸才是乐,忙里偷闲才是闲。
展开
-
HTML、css、css3相关面试题
目录1.[如何让一个div垂直水平居中,分别用css和css3的多种方法实现](https://blog.csdn.net/weixin_38779534/article/details/114061254)(可点击查看详细)1.如何让一个div垂直水平居中,分别用css和css3的多种方法实现(可点击查看详细)...原创 2021-02-25 14:49:34 · 98 阅读 · 0 评论 -
如何让一个div垂直水平居中,分别用css和css3的多种方法实现
咳咳,同学,你先讲一下如何让一个div垂直水平居中,至少讲三种方法?这句话应该也都很熟吧,面试官的基操,当然这也是css中很有代表性的一道题了,作为前端领域的专业人员,你支支吾吾地就说不过去了吧,至少应该笑着说出四五个吧~~~话不多说,上方案,先看看css3之前的做法,分为知道盒子的宽高和不知道盒子的宽高两种,先看需要知道盒子的宽高的:方案一:利用margin:auto 自动适应<style>.parent{ position:relative; width:500px; .原创 2021-02-25 12:23:37 · 217 阅读 · 0 评论 -
一些常用的css样式 超出显示省略号 放大缩小
1.动画之按钮放大缩小效果.按钮的class名{ -webkit-animation: free_download 1s linear alternate infinite; animation: free_download 1s linear alternate infinite;}@-webkit-keyframes free_download{ 0%{-webkit-transform:scale(0.9);} 100%{-webkit-transform:sca原创 2020-11-03 14:53:05 · 313 阅读 · 0 评论 -
用css给宽高不固定的矩形画对角线
项目遇到一个需求,就是在一个盒子里,有不定的行和列,可能就一行一列,如第二个,也可能是两行两列,如第一个,也可能是后面的两种情况,一行三列或者两行四列。然后每一个小项有对角线的效果,因为每一个小项的宽不固定,可能拉得很长,也可能很窄,所以不好用图片去做,很容易变形。所以只能另找方法…直接上码吧,目前知道两种方法实现:方法一:用的linear-gradient <style type...原创 2020-03-10 17:11:22 · 2607 阅读 · 1 评论 -
前端 CSS3写三角形(包括空心三角形)
.triangle{ width: 0; height: 0; border: 50px solid transparent; border-top-color: lightpink; border-right-color: lightblue; border-bottom-color: lightskyblue; border-left-color: ...原创 2019-12-16 18:01:15 · 239 阅读 · 0 评论