自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 sass的基本使用

是什么sass是css的扩展语言。用来写css的。解决css缺点:选择器很长有可能漏掉 - 选择不准确有可能将顺序弄混 - 选择不到权重不好区分sass专门用来解决这个问题的。甚至,可以像写编程语言一样去写css。可以写判断,可以写循环,可以写函数,导入语法,继承语法 …其实,所有的css扩展语言都可以这样做,css的扩展语言有:sass less stylus …怎么用sass提供了两种文件的后缀:.sass后缀:这种后缀的文件,写起来不需要大括号的,通过缩进来描述嵌套关系的。

2021-06-01 12:47:56 247

原创 浏览器debug调试

第一步:F12打开调试台第二步:找到 source第三步:找到要调试的文件第四步:给要观察的代码手动打上断点,并点开watch在watch里面输入要观察的变量第五步:刷新页面,开始调试观察...

2021-05-15 09:45:44 4054

原创 让一个div具有input交互效果

让一个div具有 input 框的效果,只需要设置 contenteditable 属性为 true 即可contenteditable :属性指定元素内容是否可编辑。默认为false<div contenteditable="true"></div>div{width:200px;height:30px;border:1pxsolid#000;padding:5px;}运行效果:这样就可以实现了在div里面输入文...

2021-04-26 19:03:42 433

原创 CSS实现图片居中显示的文字环绕功能

核心:利用 float 浮动属性首先我们来看一下普通的图片文字环绕怎么实现图片文字环绕的原理: 图片添加浮动,脱离文档流 下面的文本盒子就会往上移动 只有盒子元素才会被覆盖,文本是一个真实的dom结构不会被覆盖 看看代码实现吧 <style> div{ width: 1000px; height: 700px; border: 1px solid #000

2021-04-25 10:41:59 2546

原创 如何用CSS画三角形

核心:利用边框属性的特点先来看一段代码:.first{ width:0; height:0;border-top:100pxsolidblue;border-right:100pxsolidyellow;border-bottom:100pxsolidgreen;border-left:100pxsolidred;} <divclass="first"></div>运行效果:可以发现...

2021-04-22 20:33:40 152

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除