![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 55
windy-boy
这个作者很懒,什么都没留下…
展开
-
页面导入样式时,使用 link 和 @import 有什么区别
从属关系区别。 @import 是 CSS 提供的语法规则,只有导入样式表的作用;link 是 HTML 提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性、引入网站图标等。加载顺序区别。加载页面时,link 标签引入的 CSS 被同时加载;@import 引入 的 CSS 将在页面加载完毕后才加载。兼容性区别。@import 是 CSS2.1 才有的语法,故只可在 IE5+ 才能识别;link 标 签作为 HTML 元素,不存在兼容性问题。DOM 可控性区别。可以通过 J.原创 2021-04-13 22:52:25 · 124 阅读 · 0 评论 -
css 画小箭头、小三角、聊天框
前言在写一个页面的时候,需要用到箭头:类似这种小箭头,小三角形什么的,是不用UI提供图片的,直接用css 画一个更好,不但能减少一次请求,对浏览器的渲染也更好。突然发现这个小三角小箭头不管是实际开发中还是面试中都是比较常见的(我就有被问到过),有鉴于此,遂写一篇来总结一下。小箭头原理通过border来实现,border有四个边,去掉两个边就是个箭头,箭头指向可以通过rotate来改变。当然,除了这个方法也有其他的方法,比如background,两个元素设置background,然后通过定位原创 2021-01-31 19:10:46 · 1102 阅读 · 0 评论 -
伪元素与伪类
伪元素与伪类的一点小总结 伪元素主要有:before ,:after,first-line与first-letter。 伪类相对较多,例如a标签的四种状态:link,visited,hover,active。还有其他的例如focus,lang。而css3中新增的为类更是一大把。大概有:first-of-type,last-of-type,only-of-type,only-child,n原创 2018-02-02 20:20:49 · 226 阅读 · 0 评论 -
纯css实现元素水平垂直居中
在前端页面布局的时候,我们需要对某个元素进行相对于其父元素或整个文档进行水平垂直居中的显示布局。而如何快速的运用css进行相对于的布局,这里,总结了三种方法。 1、position这里父元素只需要给它一个定位的属性就行,在子元素下设置相对定位,这里有两种写法,第一种就是没有注释的,把left,right,top,bottom设置为0,再设置margin为auto即可。第...原创 2018-02-27 15:22:24 · 670 阅读 · 0 评论