- 博客(5)
- 收藏
- 关注
原创 sass的基本使用
是什么sass是css的扩展语言。用来写css的。解决css缺点:选择器很长有可能漏掉 - 选择不准确有可能将顺序弄混 - 选择不到权重不好区分sass专门用来解决这个问题的。甚至,可以像写编程语言一样去写css。可以写判断,可以写循环,可以写函数,导入语法,继承语法 …其实,所有的css扩展语言都可以这样做,css的扩展语言有:sass less stylus …怎么用sass提供了两种文件的后缀:.sass后缀:这种后缀的文件,写起来不需要大括号的,通过缩进来描述嵌套关系的。
2021-06-01 12:47:56 263
原创 浏览器debug调试
第一步:F12打开调试台第二步:找到 source第三步:找到要调试的文件第四步:给要观察的代码手动打上断点,并点开watch在watch里面输入要观察的变量第五步:刷新页面,开始调试观察...
2021-05-15 09:45:44 4136
原创 让一个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 471
原创 CSS实现图片居中显示的文字环绕功能
核心:利用 float 浮动属性首先我们来看一下普通的图片文字环绕怎么实现图片文字环绕的原理: 图片添加浮动,脱离文档流 下面的文本盒子就会往上移动 只有盒子元素才会被覆盖,文本是一个真实的dom结构不会被覆盖 看看代码实现吧 <style> div{ width: 1000px; height: 700px; border: 1px solid #000
2021-04-25 10:41:59 2611
原创 如何用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 164
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人