前端
文章平均质量分 60
前端开发的学习笔记
吾不图
地球上的知识这么多,不需要都知道吧
-- 吾不图
展开
-
[Sass常见用法] Css代码的Sass打开方式
Sass 扩展了 CSS3,增加了变量、css嵌套规则、混合器、继承等等特性,使用Sass提高可以CSS书写效率,提高代码复用率,进行样式管理, 生成格式化的 CSS 代码,易于组织和维护.作为一个代码压缩工具,输出为压缩型代码,减少CSS文件体积,提高编译效率.sass基于Ruby语言开发而成,因此安装sass前需要先安装Ruby原创 2022-11-17 21:28:29 · 237 阅读 · 0 评论 -
块元素、行内元素、行内块元素区别及其作用
块级元素独占一行,默认会新起一行;行内元素(内联元素)常用的有a、span、strong、b、em、label;宽,高设置无效;只能显示元素内容自身所占的区域大小内外边距margin,padding:只能设置左右边距才有效;行内块元素;常见的行内块元素有img、button、input、select、textarea;行内块元素不独占一行,其他特性和块元素完全一样注意点行内元素脱离文档流后,会变成块元素;用display 属性可以将三种元素进行相互转换,从而设置需要的样式原创 2022-11-25 17:52:11 · 576 阅读 · 0 评论 -
CSS盒子在页面居中的5种常用方法|auto,flex,position的应用
介绍5种常见的盒子在页面居中的方法;使用的CSS知识点: 定位; margin: auto; flex布局;能使盒子始终在浏览窗口居中;1.最简单的方式实现水平居中:margin: 0 auto;原理 : 块级元素独占一行设置大小后水平方向会剩余空间,设置auto左右会自动分配剩余空间;适用于body的子标签在页面居中; 盒子在其父盒子内居中;注意*盒子需要设置宽度才有效; 行内元素无效原创 2022-11-21 21:02:08 · 5776 阅读 · 1 评论