![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
sass/css
样式
逍康
这个作者很懒,什么都没留下…
展开
-
css z-Index 详解--子元素盖在父元素的兄弟元素上
css z-index 问题详解原创 2024-05-09 17:24:34 · 269 阅读 · 0 评论 -
移动端布局(一)
移动端的布局 rem+vwrem:即相对于根元素html中font-size的倍数,因为移动端的设备大小不同 有320 有375的;如果我们把font-size写死,比如font-size=100px;这样的话 我们设置的元素大小在375 的屏幕下,显示的大小合适,但是如果换做320 的屏,由于元素大小不变,那么在320屏幕下显示则可能会非常别扭,影响用户体验。所以,我们希望元素大小...原创 2023-02-23 10:54:15 · 68 阅读 · 0 评论 -
CSS 实现 三角形
在技术交流群看到 有人面试的时候被问到 如何实现三角形 ,本来感觉自己很熟,一时也想不起啦。擦,果然是眼高手低 .triangle{ width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid re原创 2022-03-25 15:54:24 · 56 阅读 · 0 评论 -
CSS3 3D立方体
CSS3 实现3D立方体需要我们有一定的空间想象能力,但难度不大首先我们需要知道实现3D立方体时坐标系是什么样的,这是一张经典的图。把网格图当做浏览器屏幕z轴是垂直屏幕的轴指向你另外,在实现3D立方体之前我们还需要先了解几个属性及功能函数: transform: 位移: translate3d(值一,值二,值三)值一:水平方向...原创 2020-02-29 15:27:48 · 543 阅读 · 0 评论 -
认识BFC
学习一门技术应该更多的关注原理和应用,应该知其然更要知其所以然。本篇文章将说明什么是bfc,如何触发bfc以及bfc的应用什么是BFC: bfc(block fomating context) 块级格式化上下文(),它是一块独立的渲染区域 规则: 1、bfc的元素从上至下排列 2、在bfc内部,垂直方向上的margin会发生重叠如何触...原创 2020-02-24 18:57:22 · 105 阅读 · 0 评论 -
几种常见的使元素垂直居中的方法
下面简单介绍几种使元素水平垂直的方法第一种情况:子元素的宽高固定 利用绝对定位 <style> *{ margin:0; padding: 0; } .box-wrap{ position: relative...原创 2020-04-01 19:41:17 · 226 阅读 · 0 评论 -
CSS-单行文本超出部分省略号显示
有时候我们在展示内容的时候,希望文本在元素末尾显示省略号比如在新闻列表中首先来认识几个简单的属性white-space:(处理空白字符) 1.normal:默认值,多个空白格默认显示一个 2.pre:空白会被浏览器保留 3.pre-wrap:空白格会被部分保留,并且换行 4.pre-line:合并空白符,但是保留换行符 5.n...原创 2020-04-05 12:02:45 · 144 阅读 · 0 评论 -
元素 内部阴影 外部阴影 及 文字描边
一.元素内部阴影,外部阴影原创 2021-10-31 15:32:13 · 132 阅读 · 0 评论 -
SASS
css的预编译框架:世界上最成熟、最稳定、最强大的专业级CSS扩展语言!CSS 不是一个编程语言,可以用它来开发网页样式,但是没有办法用它进行编程。SASS 的出现,让 CSS 实现了通过代码编程来实现的方式(引自官网)SASS是由日本人使用ruby语言开发的,所以我们要ruby配置运行环境1.下载:https://rubyinstaller.org/2.安装:默认下一步,第二步需要全选3.测试Ruby环境是否安装成功:window+R-->输入cmd调出命令行窗口,输入 ru原创 2020-05-29 19:44:21 · 172 阅读 · 0 评论