css
关注
分享
扫一扫
文章平均质量分 53
林元.～
大家一起加油
展开
-
关于CSS预处理工具SASS
CSS预处理器是一种语言用来为CSS增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在CSS中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让你的CSS更加简洁，适应性更强，代码更直观等诸多好处。预处理框架版本：sass:(有两个版本sass和scss，scss是sass3引入的新语法)less:stylus:sass的安装使用npm i sass -g进行安装//有了全局的sass 环境以后//我们就可以对sass...原创 2021-11-26 15:17:51 · 144 阅读 · 0 评论 -
在前端静态页面开发中常遇见的一些问题及解决办法
1、如何使用HTML和CSS解决单行文本溢出显示省略号： ①为文字所在的盒子设置宽度 width：**px; ②让多行文字不换行显示 white-space:nowrap; ③设置溢出隐藏 overflow:hidden; ④文本多余部分显示省略号text-overflow:ellipsis;2、如何触发文档中的BFC（关于BFC是什么请看以前的投稿） ①浮动能够触发B...原创 2021-07-19 22:35:16 · 857 阅读 · 0 评论 -
使用CSS3实现一个正方体相册
CSS3中提出了过渡，3D模型和动画的概念今天我们使用CSS3来制作一个六棱柱的相册下面是效果预览：https://www.bilibili.com/video/BV1Rb4y1k73C?share_source=copy_web关于代码：首先，我们先写出六个面，然后普分别给这六个面放相册需要的图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-07-19 20:33:03 · 255 阅读 · 0 评论 -
一个六边形的循环相册
今天使用HTML和CSS制作了一个六边形循环的相框具体效果可查看视频：https://www.bilibili.com/video/BV1DB4y1N7Lk/具体代码如下：HTML代码：使用时注意css的引入路径。其中的相关图片我放在文章的最后。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-U原创 2021-07-13 19:55:29 · 117 阅读 · 0 评论 -
关于CSS中的定位问题
关于定位：将一个元素放在指定的位置。position:定位方式;坐标:left:*px | right:*px;top:*px | bottom:*px;1、静态定位：position：static; （元素的默认定位，也叫静态定位）2、固定定位：position：fixed；（元素的固定定位，是以浏览器窗口为参照 （常见小广告，回到顶部等；））设置了固定定位后该元素会脱离文档流将某一个广告定位到屏幕正中央，只需要设置left：50%；和top：50%；.原创 2021-07-12 20:43:38 · 343 阅读 · 0 评论