![](https://img-blog.csdnimg.cn/20200829150202589.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
css知识库
放一下我觉得很实用或者面试的时候经常会碰到的一些案例
kaiqisan
新人社畜,前端开发正式员工,自学前端相关知识,有数个项目的开发经验,整过网页,也搞过小程序。了解后端一点点,搭过简易服务器。英语六级低分过,日语n2水平,欢迎交流病情!
展开
-
css link标签导入css和使用import导入css的区别 - Kaiqisan
大家好,都吃了吗?我是Kaiqisan,是一个不善言辞的羞射男孩,今天的问题由一道牛逼网(牛客网)的一道题引入。请看题.下列关于使用link和@import,说法不正确的是()页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载link、@import均支持使用js控制DOM去改变样式@import就只能加载CSS ,link标签还可以定义RSS等import是CSS2.1 提出的,只在IE5以上才能被识别,而link是XHTML标签.原创 2020-10-30 20:31:48 · 1291 阅读 · 0 评论 -
css使用font-face引入阿里图标库的图标 - Kaiqisan
大家好,都吃了吗?我是Kaiqisan,是一个不善言辞的羞射男孩,今天讲讲font-face的使用方法,它其实在项目中相当常见。首先打开阿里云官网搜索随意一个图标(我这里的搜索关键词是收藏)把图标添加购物车打开购物车点击下载代码打开下载的文件,点击html文件(这是一个说明文档)说明文档里面有所有的使用方法,但今天我就详细地说明一下怎么使用它接着重新打开压缩包,把除了demo.css 和demo_index.html这两个文件的其他文件全部复制粘.原创 2020-10-30 18:10:44 · 1182 阅读 · 2 评论 -
css+div横向排列自动换行 - Kaiqisan
大家好,都吃了吗?我是Kaiqisan,是一个不善言辞的羞射男孩,在我们使用div+css布局的时候,由于div是块级元素,在排列的时候总是会自动换行。现在有一个需求就是要能自动换行。<div class="main"> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="blo.原创 2020-09-26 12:18:46 · 19673 阅读 · 2 评论 -
HTML响应式布局 @media - Kaiqisan
ヤッハロー、Kaiqisanすうう、一つふつうの学生プログラマである.随着科技的进一步发展,一批又一批的新的电子产品不断出世,人们浏览网页的主要载体从电脑变成了各式各样的智能手机或平板,所以,现在设计页面就会有一个直接的需求就是要求你的页面能够适应各种手机的尺寸,对于不同的尺寸能做出调整,在不同尺寸的屏幕里都能很好得显示自己的网页的内容。这就是响应式设计。这个知识点看起来很难,但其实操作起来却非常简单。只需要做以下的准备就可以实现响应式了。PS:以下知识点更加针对跨设备的页面显示,(电脑–>手.原创 2020-09-10 17:10:16 · 364 阅读 · 0 评论 -
css 去除a标签默认样式 - Kaiqisan
相当低创的一篇文章,但是是很重要知识点。a { text-decoration: none; /* 去除默认的下划线 */ outline: none; /* 去除旧版浏览器的点击后的外虚线框 */ color: #000; /* 去除默认的颜色和点击后变化的颜色 */ }...原创 2020-09-03 00:04:14 · 16111 阅读 · 0 评论 -
css 文字溢出显示省略号 - Kaiqisan
ヤッハロー、Kaiqisanすうう、一つふつうの学生プログラマである,今天又是开新坑的一天!来搞点css,这次讲溢出显示省略号的方法,它在实际场合是非常实用的所以,就像今天记下来。前排提示,本人所有文档全部来源网络,通过自我实验得出的结果!它有一套固定的公式单行溢出/* 关键代码 */.demo { width: 400px; height: 300px; /* height可以没有,但是我建议一定要有width稍微框一下 */ /* 下面三行是关键 */ overflo.原创 2020-08-29 16:31:07 · 251 阅读 · 0 评论