![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
小小_xiuxiu
这个作者很懒,什么都没留下…
展开
-
[CSS]CSS面试题(三)
1、如何用w3c标准写html代码?使用doctype声明。只要遵循W3C标准来编写HTML,网页将永远能在所有浏览器上显示出来。2、css3如何设置盒子模型为ie盒子模型?使用box-sizing属性。box-sizing: content-box || border-box || inherit;ie盒子模型为border-box,而标准盒子模型是content-box知识点:...原创 2020-03-06 10:25:07 · 558 阅读 · 0 评论 -
[CSS]三栏布局的实现方法
三列布局又分为两种,两列定宽一列自适应,以及两侧定宽中间自适应。以下是两列定宽一列自适应的解决方案假设:两列定宽宽度都为200px,第三列为宽度自适应,三列中间有一定间隔。方法一:使用float+margin:第一个div和第二个div的宽度200px(定宽);给第一个和第二个div设置float:left;第一个div添加属性margin-right:10px;第二个div不需要添加...原创 2020-03-05 21:18:17 · 173 阅读 · 0 评论 -
[CSS]实现单行多行文本溢出显示省略号
1、实现单行文本溢出代码:<style> div{ border:1px solid black; width:300px; height:60px; overflow: hidden; text-overflow:ellipsis; white-space: no...原创 2020-03-04 21:53:24 · 157 阅读 · 0 评论 -
[CSS]CSS3新增属性
1.CSS3边框:border-radius: CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧,我们必须为每个圆角使用不同的图片,在 CSS3 中,创建圆角是非常容易的,在 CSS3 中,border-radius 属性用于创建圆角。border:2px solid;box-shadow: CSS3边框阴影。在 CSS3 中,box-shadow 用于向方框添加阴影。box-shado...原创 2020-03-04 21:48:45 · 1059 阅读 · 0 评论 -
[CSS]CSS滤镜
1、CSS滤镜的使用背景滤镜13年就开始使用,浏览器支持度比较高如果是国民级产品,用户基数下沉,肯定要考虑兼容性,实际项目应用中,如果不需要兼容IE和Edge,可以放心使用;2、使用CSS滤镜和opacity的区别?CSS滤镜和opacity区别在于:部分浏览器下,opacity滤镜可以启用硬件加速,性能会更好。3、滤镜应用场景:(1)背景模糊,filter:blur弹框出现的时候...原创 2020-03-04 21:42:25 · 204 阅读 · 0 评论 -
[CSS]CSS面试题(二)
1、link引入css和import引入的css的区别link属于html标签,而@import是css提供的页面被加载时,link会同时被加载,而@import引用的css会等到页面加载结束后加载。link是html标签,因此没有兼容性,而@import只有IE5以上才能识别。link方式样式的权重高于@import的。2、visibility hidden, opacity 0,...原创 2020-03-04 21:29:57 · 145 阅读 · 0 评论 -
[CSS]CSS面试题(一)
1、overflow属性的值?overflow 属性规定当内容溢出元素框时发生的事情;如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。visible:默认值,内容不会被修剪,会呈现在元素框之外;hidden:内容会被修剪,并且其余内容是不可见的。scroll :内容会被修剪,但是浏览器会显示滚动条以便查看其余的...原创 2020-03-04 18:21:34 · 183 阅读 · 0 评论 -
CSS之设置图片宽度100%,高度等于宽度
html代码如下:<div class="left"> <div class="img"> <img src='static/img/face-2.jpg'> </div></div>/*stulus语法*/.img{ position:relative; width:100%; h...原创 2019-04-20 16:12:25 · 15076 阅读 · 0 评论 -
CSS3之动画实现
实现动画效果有两种方式(1)设置transition设置过渡,添加transform设置形状,形成动画效果(2)添加animation属性,设置动画效果1、2、原创 2019-04-29 10:37:32 · 256 阅读 · 0 评论 -
CSS之实现一个三角形border法
思路:通过border宽度和颜色来设置三角形1、无边框的三角形<h3>无边框的三角形</h3><p>向上的三角形</p><div class="up"></div><p>向下的三角形</p><div class="down"></div>.up{ width:...转载 2019-04-16 17:29:20 · 470 阅读 · 0 评论 -
CSS之文件实现上传按钮
文件上传按钮<input type="file" id="btn_file">默认样式:默认样式着实不好看,而且我想让后面的‘未选择文件上传’去掉,将color设置为transparents就可以实现,但是我又想将按钮的字体颜色改为蓝色,显然就冲突了,实现不了。改进方法:<input type="file" id="btn_file" style="display:...原创 2019-04-20 20:39:34 · 4846 阅读 · 0 评论 -
Vue之vue项目引入并使用stylus预编译器
1、安装stylus、stylus-loader依赖npm install stylus stylus-loader2、在package.json文件中在"devDependencies":字段中添加3、直接在组件页面用即可,组件的style标签中添加属性,lang=stylus4、stylus预编译器的好处、优点...转载 2019-04-16 09:48:55 · 706 阅读 · 0 评论 -
CSS之水平垂直居中的各种实现方法
这水平垂直居中,可谓是面试笔试,屡试不爽~所以今儿总结了一下,方便查阅和学习。1、2、3、4、5、6、7、转载 2019-04-16 09:26:26 · 87 阅读 · 0 评论