归档 - qiaofugui

2024-05-20

笔记 #CSS3

CSS3滤镜 filter filter CSS属性将模糊或颜色偏移等图形效果应用于元素 filter: 函数(); 例如：filter: blur(5px); blur 模糊处理数值越大越模糊，数值后面要加 px 单位 img { filter: blur(5px); }</

CSS3新特性过渡 transition

2024-05-20

笔记 #CSS3

过渡动画：是从一个状态渐渐过渡到另一个状态，经常和 :hover 一起搭配使用 transition: 要过渡的属性花费时间运动曲线何时开始; transition: width .5s ease 0.5s; /* 如果想要写多个属性，利用逗号进行分割 */ t

CSS3-新特性盒子模型

2024-05-20

笔记 #CSS3

CSS3中 box-sizing 来指定盒模型，有2个值：content-box、border-box，这样我们计算盒子大小的方式就发生了变化可以分成两种情况： box-sizing: content-box; 盒子大小为 width + padding + border 的大小（以前默认的） b

CSS3-新特性新增选择器

2024-05-20

笔记 #CSS3

1. 属性选择器属性选择器可以根据元素特定属性来选择元素选择符说明 E[att] 选择具有att属性的E元素 E[att="val"] 选择具有att属性且属性值等于val的E元素 E[att^="val"] 选择具有att属性且值以val开头的E元素 E[att$="va

HTML5-新特性

2024-05-20

笔记 #HTML5

新增语义化标签标签描述 <header> 规定文档或节的页眉、头部 <nav> 定义导航链接 <article> 定义文章、内容 <section> 定义文档中的节、内容 <aside> 定义页面内容以外的内容、侧边

CSS-溢出文字省略号显示

2024-05-20

笔记 #CSS

单行文本溢出显示省略号-必须满足三个条件 white-space: nowrap; /* 1.先强制一行内显示文本（默认normal自动换行） */ overflow: hidden; /* 2.超出的部分隐藏 */ text-overflow: ellipsis; /* 3.文字用省略号替代超出

CSS-vertical-align 属性应用

2024-05-20

笔记 #CSS

vertical-align 属性应用场景：经常用于设置图片或者表单（行内元素）和文字垂直对齐官方解释：用于设置一个元素的垂直对齐方式，但是它只针对行内元素或者行内块元素有效选择器: { vertical-align: baseline | top | middle | bottom }

CSS-用户界面样式

2024-05-20

笔记 #CSS

鼠标样式 cursor li { cursor: not-allowed; } 属性值描述 default 小白（默认） pointer 小手 move 移动 text 文本 not-allowed 禁止

菜单