- 博客(6)
- 收藏
- 关注
原创 17-过渡动画
:hover 鼠标放置的变化一、 过渡效果1、综合性过渡效果设置:transition: 过渡属性 过渡时间;2、详细过渡效果设置:transition-property : 设置具有过渡效果的属性transition-duration: 设置过渡的时间长度transition-timing-function:整个过渡动画的变化速度ease(默认值):从慢到快再慢linear:设置线速度ease-in:从慢到快的过程ease-out:从快到慢的过程cubic-bezier:自定义
2020-10-11 23:06:12
84
原创 15-16 文字属性与阴影实现酷炫效果
一、文字属性字体:font-family字体大小:font-size字体粗细:font-weight字体样色:font-color字体排布:text-align字体行高:line-height字体阴影:text-shadowtext-shadow:水平偏移距离 垂直的偏移距离 模糊度 阴影颜色设置字体必须在系统里面是存在的,字体的粗细必须在100-900之间,如果没有这个字体或超出粗细范围,就会默认按照系统字体样式显示。二、阴影实现酷炫效果(1)阴影字体(2)发光字体多个阴影叠加
2020-09-23 01:10:02
176
原创 13-14 浮动布局与清除浮动
一、浮动布局浮动可以解决的问题:浮动可以解决文字包围图片的问题。浮动可以解决莫名奇妙的间隔问题。浮动可以向左,向右进行排版对齐。注意:浮动设置元素,脱离正常的文档流,向左或向右,靠近父元素的边缘或者设置了浮动的其他的元素的边缘靠拢。(1)浮动可以解决文字包围图片的问题还没使用浮动布局前使用浮动布局向左浮动后解决文字包围图片问题 (2)浮动可以解决莫名奇妙的间隔问题。父元素为300px,子元素为100px(被设为行块元素),不能放置有一行中。解决方法一:删除子元素代码间的空
2020-09-23 00:23:28
151
1
原创 09-12CSS设置样式、CSS选择器、伪元素
一、CSS的基本使用方式与CSS基本选择器搜索按钮是图标字体通过style标签设置样式style标签与CSS文件写后面的优先级较高通过style属性设置样式element.style 优先级最高通过CSS文件设置样式style标签与CSS文件写后面的优先级较高注意:1、直接在style上写的内容优先级最高。同样的选择器,谁在后面谁的优先级比较高。2、选择器的优先级在其余情况下,继承的样式<浏览器模式的样式<标签样式<class样式<id样
2020-09-22 02:09:25
144
原创 08-滤镜
滤镜-webkit-filter:滤镜效果滤镜可以一起相互作用。-webkit-filter:灰度 grayscale1是百分之百,0是百分之零亮度 brightnes正常值为1,0是没有亮度褐色度 sepia正常值为0,1是百分之百模糊度 blur正常值为0,单位(像素px)对比度 contrat正常值为1饱和度 saturate正常值为1(胶片)色相 invert正常值为0色相的旋转 hue-rotate正常值0,(0
2020-09-21 02:38:18
72
原创 07-表单标签与搜索页面
form表单标签属性:1.action:将表单的数据提交到什么地址;2.method:提交的方法,包括get(默认)、post。 get:将数据提交到链接地址上,且直接看得到,不安全但效率高。 post:表单数据放置请求的body里面,不直接显示、安全,但效率稍微低。表单的数据可以提交比较大。input标签属性:type:定义输入标签类型(text/password/submit等);name:提交数据的名称;valu
2020-09-20 01:30:08
148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人