css
绿叶葱花
这个作者很懒,什么都没留下…
展开
-
css文件提示Uncaught SyntaxError: Unexpected token .
错误截图:今天碰到一个报错提示,仔细排查,发现css文件本身没啥问题,是由于自己引入的地方写错误了,记录下,引以为鉴!更改前:<script src="../layui/css/layui.css"></script>更改后:<link rel="stylesheet" src="../layui/css/layui.css">...原创 2020-06-28 18:05:47 · 2042 阅读 · 0 评论 -
input 警告[DOM] Input elements should have autocomplete attributes (suggested: "new-password")
控制台显示:今天使用input是出现了这个提示,虽然无关紧要,但是在控制台里显示感觉很不舒服,必须去掉它!经查是由于未添加autocomplete 属性造成的出问题的html代码:<div class="input-group"> <input type="password"class="form-control" placeholder="请输入新密码...原创 2019-04-05 16:13:46 · 13221 阅读 · 2 评论 -
ie6-ie8不支持opacity,rgba解决方法
在IE8下,css中的opacity,rgba并不会被解析,我们就得需要换一种写法需要加上下面这句话:filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);或者简写为:filter: Alpha(opacity=70)解释:opacity表示透明度,默认的范围是从0 到 100,他们其实是百分比的形式。也就是说,...原创 2018-10-30 15:54:44 · 375 阅读 · 0 评论 -
button或a标签 点击后移开出现边框或下划线的移除
其实添加一下css 就可以,以button为例.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus { outline: none; border-color: transparent; box-shadow:none; ...原创 2018-10-29 16:07:25 · 3379 阅读 · 0 评论 -
CSS清除浮动的几种方式
浮动对页面的影响: 如果一个父盒子中有一个子盒子,并且父盒子没有设置高,子盒子在父盒子中进行了浮动,那么将来父盒子的高度为0.由于父盒子的高度为0, 下面的元素会自动补位,所以这个时候要进行浮动的清除(不要在浮动元素上清除浮动),不然浮动会造成父元素高度坍塌,同时浮动会脱离文档流,对整个页面布局有很大的影响方式一:使用overflow属性来清除浮动 .ovh{...原创 2017-09-25 13:22:00 · 322 阅读 · 0 评论 -
单行文本与多行文本超出范围隐藏并显示省略号
在做项目时,很多时候文本内容未超出我们想让它显示的内容,这个时候,就需要把超出的范围隐藏起来/*****单行文本超出隐藏并显示省略号*****/.element{width: 20em;/*不允许出现半汉字截断*/overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap...原创 2018-01-19 20:28:00 · 311 阅读 · 0 评论 -
css3 字体自动换行第二行缩进一格
我们知道css中text-indent属性可以使每个段落首行开头文字缩进,如缩进2个文字距离样式。p{ text-indent: 2em; /*em是相对单位*/}注:em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。那如果我们想让第二行缩进一格呢:p { text-indent: -2em; margi...原创 2018-07-27 09:49:00 · 11844 阅读 · 0 评论 -
CSS设置行间距和字间距
行间距: CSS中通过line-height是一个比较常用的属性,可以实现行间距的设置,line-height的值表示的是两行文字之间基线的距离(line-height可以实现文字垂直居中效果,但我一般用flex布局来实现,感觉flex布局比较好用,且适用范围广)。 line-height的值为具体的数值,可以是相对数值,也可以设置为绝对数值,在静态页面中,文字大小固定时常常使用绝对数...原创 2018-07-30 10:21:00 · 5297 阅读 · 0 评论 -
css连续的纯数字或字母强制换行
默认情况下,一个 DIV或者其他元素的文本,如果都是无文字分隔符,无空格,则不会自动换行,而如果我们想让它换行的话需要设置CSS属性: div{ white-space:normal; word-break:break-all; }...原创 2018-07-30 10:29:00 · 633 阅读 · 0 评论 -
input选中发光效果
有时我们需要让input选中时,有个类似发光的效果,如下图所示 其实,这种效果很好实现,代码如下: input:focus{ border-color: #ff962d !important; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,...原创 2018-07-30 10:36:00 · 3641 阅读 · 0 评论 -
移动端手机浏览器页面出现上下滑动页面是涩的感觉,不流畅
最近在做手机端页面时,出现了上下滑动页面感觉很涩、不流畅的问题,经过在网上一番查找,发现添加如下代码就好: body { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } 解决问题地址:https://segmentfault.com/q/1010000012677016...原创 2018-07-30 10:42:00 · 7169 阅读 · 0 评论