- 博客(15)
- 收藏
- 关注
RSS订阅原创 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关注的人