Css样式笔记

发表于 2018-01-01 更新于 2021-04-29 分类于标记语言

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

弹性布局

对齐

居中对齐子元素

1
2
3

display: flex;
justify-content: center;
align-items: center;

两端对齐

1 2	display: flex; justify-content: space-between;

文本操作

1.单行文本溢出用省略号显示：

1
2
3

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

2.多行文本溢出用省略号显示：

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

选择器

匹配属于其父元素的最后一个子元素

1	:last-child ;

表单

去除表单蓝框框

1	outline-style: none;

禁止多行文本框变换大小

1	resize: none;

元素旋转

transform: rotate(7deg);
-ms-transform: rotate(7deg); /* IE 9 */
-moz-transform: rotate(7deg); /* Firefox */
-webkit-transform: rotate(7deg); /* Safari 和 Chrome */
-o-transform: rotate(7deg);

鼠标点击穿透后面的元素

1	pointer-events: none;