css
有一个王小森
一只前端小菜鸟
展开
-
echarts做圆环渐变进度条
echarts做圆环渐变进度条原创 2022-11-17 12:35:29 · 2487 阅读 · 1 评论 -
数字每三位加逗号
数字每三位加逗号原创 2022-08-11 11:32:47 · 262 阅读 · 0 评论 -
css清除样式
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0;}ul,ol { list-style: none;} img { border: none; ...转载 2019-07-10 22:41:54 · 1727 阅读 · 0 评论 -
鼠标hover效果——元素凸起并产生阴影
.hover:hover { -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 0 6px #999; box-shadow: 0 0 6px #999; -w...原创 2019-07-10 22:38:43 · 8185 阅读 · 0 评论 -
让内容上下左右居中
让盒子中的内容上下左右居中。在盒子上添加样式display:flex;在需要居中的元素上添加:margin: auto;即可;若想让文本上下左右居中:在盒子上添加: align-items: center; justify-content: center; 就可以了;...原创 2019-07-10 22:22:18 · 508 阅读 · 0 评论 -
rem在移动端的应用
1rem为页面根目录的字体大小。若:html{ font-size:20px};则1rem = 20px在移动页面的具体应用。移动端的设计稿一般都是iphone6为基础设计的,设计稿的宽为750px;手机的物理尺寸是375px;所以在用css的时候,设计尺寸需要初以2;要用rem完成移动端的适配,需要固定浏览器的显示宽度不变。第一:设置meta头<meta name="vi...原创 2019-07-10 17:27:54 · 353 阅读 · 0 评论 -
响应式button按钮样式修改
.button{ padding: .3em .8em; border: 1px solid rgba(0,0,0,.1); background: #58a linear-gradient(hsla(0,0%,100%,.2), transparent); border-radius: .2em; box-shadow: 0 .05em .25em rgba(0,0,0,.5)...原创 2019-07-04 16:43:32 · 1297 阅读 · 0 评论 -
推荐一本关于css使用技巧的好书——《css揭秘》
《css揭秘》中介绍了很多有关css使用技巧。这本书教你如何较少的使用标签元素,如何使用css样式有力与后期样式优化。下面是百度云链接链接:https://pan.baidu.com/s/1UnSJvYxNAo5mCqgtlA11Gg提取码:8w0q...原创 2019-04-29 17:05:52 · 1571 阅读 · 3 评论 -
关于移动端的尺寸适配问题(rem)
近期在做移动端的项目,用到rem的相关知识。先上代码。//css@media screen and (width: 320px) { html, body { font-size: 8.533px; }}@media screen and (width: 360px) { html, body { font-size: 9.6...原创 2018-04-08 10:30:56 · 687 阅读 · 0 评论 -
ios苹果手机中input输入框光标过长的问题
在制作表单列表的时候,为了增加可点击区域,我们经常会增加input的行高。如果采用下面的方式,在android系统中是没有问题的,但是在iOS系统中,输入光标会很高,影响视觉,(用line-height来设置input的高度)<input type="text" style="font-size: 24px;line-height: 40px;">解决上面的问题,我们可以用下面...原创 2018-03-23 10:26:10 · 5970 阅读 · 0 评论 -
一个介绍怎样书写规范书写代码的网站
规范写代码原创 2017-11-17 11:24:08 · 723 阅读 · 0 评论 -
animation.css的使用
animation.css是一款非常简单、好用的css类库,使用该库,只需要两步即可原创 2017-08-16 15:27:12 · 3240 阅读 · 1 评论