- 博客(5)
- 收藏
- 关注
原创 CSS3渐变及2D转换
CSS3渐变及2D转换重点内容:1、渐变2、过渡(重点)3、2D平面效果(重点)一、CSS3 渐变CSS3 渐变(gradient)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果,现在通过使用 CSS3 的渐变(gradients)即可实现。此外,渐变效果的元素在放大时看起来效果更好,因为渐变(gradient)是由浏览器生成的。1、线性渐变语法: background: linear-gradient(direction, color-stop1
2021-10-17 11:52:03 105
原创 CSS3弹性盒子【一种新布局方式】
CSS3弹性盒子【一种新布局方式】display:flex/inline-flex;【给父级元素加 子元素自动一行省去写浮动】变化:自动横向排列。 span可以设置宽高度 不管一行有多少个子元素都只在一行中显示flex-direction:column【垂直 上到下 正着】flex-direction:column-reverse【 垂直 与column相反顺序 下到上 竖着倒着排列】flex-direction:row【水平显示在一行 】flex-direction:row-rev.
2021-10-15 22:30:08 73
原创 选择器、径向渐变 、线性渐变
目标伪类选择器 目标对象:target{ } 目标对象的样式变化UI状态伪类选择器 input:disabled{ } 表示在禁用表单下可用 input:enabled{ } 表示在可用状态下的样式变化 :checked { } 点击选中之后的样式 ::selection { } 选中之后的变化动态伪类选择器 :link 未访问的连接 :hover 鼠标悬停之后的样式变化 :visited 已访问的链接的样式变化 :ac...
2021-10-14 20:04:55 94
原创 ***H5新增知识
Vedio<video src="" controls【播放进度条 可以控制】 autoplay【第一次加载时不兼容谷歌了】 loop【循环播放】 muted【静音】poster=“...jpg”【播放前出现的界面[图片的路径]】>audio<audio src="...mp3" controls autoplay loop[循环播放] muted >***HTML5新增语义化标签****<header></header><foote..
2021-10-12 21:16:31 51
原创 2021-09-23
HTML标签一、html标签分类 单标签:<br> <hr>特点:独占一行 自动水平居中 属性:width 设置分割线宽度 color 设置分割线颜色 双标签:h1-h6 标题标签 <p></p> 段落 <u></u> <i...
2021-10-12 21:12:40 133
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人