![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
小赞赞No1
田野间的一只小小牛……
展开
-
css input[type=file] 样式美化,上传按钮美化
思路:input file上传按钮的美化思路是,先把之前的按钮透明度opacity设置为0,然后,外层用div包裹,就实现了美化功能。-------------------------------------------------------------------------------------------------------------------------------------...转载 2018-06-05 10:54:38 · 954 阅读 · 0 评论 -
-webkit-appearance:none 在input控件上的设置体现
通常,IOS环境下的按钮都是经过美化的,但通常我们在设计web app的时候不需要这些看上去老土的样式,所以,去除这些显得很有必要。-----------------------------------------------------------------------------------------------------------------------------------下面这...原创 2018-05-30 10:38:44 · 7646 阅读 · 0 评论 -
长英文强制换行
今天做的项目,新闻详情页面的标题英文和中文之分,标题长了需要换行显示,但是长英文的换行要加入以下代码才行:------------------------------------------------------------------------------------------------------------------------word-break: break-all; w...原创 2018-05-30 18:17:32 · 565 阅读 · 0 评论 -
css 动画中 ease,seae-in,ease-in-out,ease-out,效果区别
值描述linear规定以相同速度开始至结束的过渡效果(等于 cubic-bezier(0,0,1,1))。(匀速)ease规定慢速开始,然后变快,然后慢速结束的过渡效果(cubic-bezier(0.25,0.1,0.25,1))(相对于匀速,中间快,两头慢)。ease-in规定以慢速开始的过渡效果(等于 cubic-bezier(0.42,0,1,1))(相对于匀速,开始的时候慢,之后快)。ea...转载 2018-06-07 16:14:37 · 71554 阅读 · 0 评论 -
text-intent:-9999px 字体隐藏问题
text-indent:-9999px 字体隐藏问题 为什么要字体隐藏? 通常为了传达更好的视觉效果,我们常用图片替代掉字体。但是为了html语义化,常常要给内容模块加上一些标题来让页面更有意义,在抛开css裸奔的情况下也能很顺利的汲取到页面信息。为此我们需将图片上的字体隐藏。 另外,建站过过程中朋友喜欢把网站名称用H1表示,但从美观考虑,要用logo图片来代替h1,这时需要隐藏...转载 2018-06-08 16:01:17 · 629 阅读 · 0 评论 -
各种布局方式以及居中实现
1. 水平居中方法一:margin:0 auto; (最常用的居中布局方式)方法二:text-align和inline-block的结合(设置父元素的text-align为center)。这种方式最好应用于图片、按钮、文字之类的居中模式,否则就需要借助inline-block来进行居中布局。方法三:position绝对定位来实现居中布局。适用于块级元素不给出宽高的情况下(需要借助transtrom...转载 2018-06-09 16:25:12 · 631 阅读 · 0 评论