- 博客(15)
- 收藏
- 关注
原创 css filter 属性值及作用
调整图像对比度 0% 全黑 100%不变 >100%意味着运用更低的对比。转化图像的饱和度 0%完全不饱和 100%完全饱和 超过100%有更高的饱和度。给图片应用一种线性乘法,是图片看起来更暗或更亮,超过100%比原来更亮。给图像应用色相旋转 0deg和360deg无变化 , 无最大值。反转输入图像,值定义比例转换 100%完全反转 0%无变化。将图像转为深褐色,,100%为完全深褐色,0%无变化。将图像转为灰度图像,100%完全转为灰度图像。给图片设置阴影效果,
2024-08-24 16:14:57
163
原创 CSS3过渡,2D效果,动画
改变旋转中心点 transform-origin:center top/50% 0;旋转 transform:rotate(45deg);transtion-timing-function 时间曲线的值。n=-1 出现镜像上下颠倒,但不放大也不缩小。动画完整创建写法@keyframes 动画名称{}ease-in-out 慢-快-慢。ease-out 快-慢。ease-in 慢-快。linear 匀速。
2024-08-24 15:50:13
557
原创 flex弹性盒子
flex-stsrt 左侧对齐center 居中对齐flex-end 终点对齐space-between 两端对齐space-around 空白间距均分在项目两侧space-evenly 项目两端间距相等。
2024-08-22 09:47:29
861
原创 CSS3背景渐变
注意:当使用英文单词作为方向的时候,是否添加-webkit正好是相反的,就是方向前加to,则linear-gradient不用加-webkit-,反之则需要加-webkit-(to bottom、to top、to right、to left、to bottom right)这些都可以作为方向。注意:使用度数的时候,-webkit-和正常版本下的角度是互余关系。重复的径向渐变 repeating-radial-gradient。to right 指的是方向从左往右。30deg指的是30度方向。
2024-08-22 09:01:06
273
原创 float 浮动和postion定位
absolute脱离了标准流的父元素;如果absolute有父元素并且添加position,那么就会相对于这个元素进行定位。1.可以提升元素的层级关系。clear:left/right/both 左浮动/右浮动/两者都。子元素浮动,父元素设置宽高,会出现高度撑不开的现象称之为父元素高度塌陷。5.如果没有其他浮动元素,那么会找父元素的边缘进行贴边。4.浮动元素会去找离他最近的有浮动的元素进行贴边。2.添加left和top的时候,是从页面的左上角进行调整。4.给父元素添加::after伪元素。
2024-08-19 08:40:16
294
原创 样式归纳小结
设置顺序:list-style-type, list-style-position, list-style-image。把怪异盒子变成标准盒子。border-radius :(左上) (右上) (左下) (右下);list-style-position 设置在何处放置列表标记。scroll 超出部分添加滚动条。margin 盒子与盒子之间的距离。
2024-08-13 20:37:50
207
原创 伪类和伪元素
伪类写完整要按照顺序:link visited hover active。: ntm-last-child(-n+2) 倒数2个子元素。:nth-child(add/even)第偶/奇个子元素。:nth-child(2n/2n+1)第偶/奇个子元素。:last-child 最后一个子元素。:first-child 第一个子元素。: nth-child(n) 第n 个子元素。::before 插入元素前面。::after 插入元素后面。
2024-08-12 20:15:37
133
原创 CSS层叠样式表
text-indent 属性将⻚⾯上的段落的第⼀⾏进行缩进(首行缩进),这是⼀种最常⽤的⽂本格式化效果。text-decoration 属性设置⽂本装饰线条的位置,text-align属性设置⽂本⽔平对⻬⽅式。line-through 指定⽂字的装饰是贯穿线。justify:内容两端对⻬,对最后⼀⾏⽆效。underline 指定⽂字的装饰是下划线。overline 指定⽂字的装饰是上划线。center:内容居中对⻬。dotted 线条显示为点线。right:内容右对⻬。normal 默认间隔值。
2024-08-09 20:36:10
291
原创 表格,表单
application/x-www-form-urlencoded(默认的设置,没有文件上传可以不加)注意:合并单元格后,后面的td要删除 colspan 指合并行方向的单元格 2 指的是合并两个单元格。单选框中被提交的值是value中的值。属性值是⼀些数字,表示合并单元格的数量 上边线在同⼀⾏的,就算在同⼀⾏。rows 影响多行文本框行的高度 (总共的高)注意:隐藏域不会在页面的显示 隐藏域的值仍会被提交到服务器。cols 影响多行文本框的列的宽度(总共的宽)
2024-08-07 17:09:20
231
原创 【day02】
title: 鼠标悬浮显示的文字 blank 在新窗口打开 self 在当前窗口打开3.空连接(暂时占位,不跳转)4.在a标签中添加js代码 alter 提示框6.发送邮件锚点链接 创建锚点链接到锚点同一页面链接到锚点不同页面作用:可以直接跳转到该锚点链接,无需不停地滚动来寻找rect 矩形 取两个顶点,定点延伸的交点就是矩形的范围circle 圆形 取圆心,圆心到另一边的距离运算得
2024-08-06 20:45:05
382
原创 【html小结】
body> html 大致由head(头)和body(身体构成)段落标签(双标签) 块元素 独占一行 用来区分段落。 标题标签 (双标签)块元素 独占一行。图片标签 (单标签)行内块元素 用于存放图片。html 是由标记(标签)组成的,标签又由标签名和属性组成。 超链接标签 (双标签)跳转地址。
2024-08-05 19:26:57
241
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人