
布局
文章平均质量分 51
meng_xiaoxiao
这个作者很懒,什么都没留下…
展开
-
css学习——sass(6)
三、修改sass编译输出css的格式:--style 默认[expanded (default), compressed],目前只有这个2个值,可能是和我的版本有关系(1.56.0),第三步、监听者目录,sass 自动编译: 通过传参数 --watch 告诉sass编译器监听者目录。sass-style是被监听的目录,css-style是被编译成css文件的存放目录。2、在命令行终端 输入sass test.scss test.css进行编译。第二步:手动将sass 编译为css。1、nested:嵌套;原创 2022-11-07 10:32:45 · 676 阅读 · 0 评论 -
CSS学习——动画(5)
项目中使用的动画汇总。原创 2022-10-28 16:36:15 · 149 阅读 · 0 评论 -
CSS学习————背景属性(4)
5、规定背景的绘制区域: background-clip:border-box | padding-box | content-box。farthest-corner(默认):指定径向渐变的半径长度为从圆心到离圆心最远的角;closest-corner:指定径向渐变的半径长度为从圆心到离圆心最近的角;farthest-side:指定径向渐变的半径长度为从圆心到离圆心最远的边;closest-side:指定径向渐变的半径长度为从圆心到离圆心最近的边;百分比和具体像素,设置宽/高,如果高不设置默认auto。原创 2022-10-21 18:12:19 · 603 阅读 · 0 评论 -
CSS学习————文本属性(3)
text-decoration:underline | overline | line-through | none(默认值)nowrap:只保留一个空白,文本不会换行,会在在同一行上继续,直到遇到br标签为止。pre-wrap:保留空白符序列,正常地进行换行;5-4:单词间距:word-spacing(CJK无效);5-6:white-space元素内部空白的处理方式。pre-line:合并空白符序列,保留换行符;justify:文本保持在左右2边垂直对齐。5-3:文本行间距:line-height;原创 2022-10-20 18:14:36 · 519 阅读 · 0 评论 -
CSS学习————css的选择器(2)
3、伪类选择器(根据HTML元素特定的状态的选择元素,比如:active元素被鼠标按下去、:hover鼠标滑过元素)2、组合选择器(4种)(根据他们之间的特定关系来选择html元素)2-3:相邻兄弟选择器(+):相同父级,紧随其后的元素。2-4:通用兄弟选择器(~):相同父级,所有同级元素。选择器的作用:用来查找要设置html样式的元素;2-1:后代选择器(空格):选择后代所有的元素。4、伪元素选择器(选取元素的一部分并设置样式)2-2:子选择器(>):直接子元素。1-1:通配符选择器。原创 2022-10-19 17:53:57 · 337 阅读 · 0 评论 -
CSS学习--css的由来(1)
通过align="center"来控制文本居中;由于在html中使用大量的标签属性导致,可读性和维护性的代价太大,所以w3c(万维网联盟)创建了css,来控制页面的布局和元素的样式。2、内部样式表:定义在html文档的内部样式。2、css 是控制HTML文档内容的排版;1、外部样式表:通过引入文件外部的样式;heets(层叠样式表/级联样式表;原创 2022-10-19 15:30:36 · 199 阅读 · 0 评论 -
CSS3:清除、关闭按钮绘制
关闭按钮.close { position: relative; margin-top: 4px; width: 30px; height: 30px; cursor: pointer; &::before{ position: absolute; top: 5px; left: 14px; content: ""; display: block; height: 20px; width: 2px;.原创 2022-05-20 10:19:11 · 473 阅读 · 0 评论