- 博客(26)
- 收藏
- 关注
RSS订阅原创 媒体查询常见的媒体尺寸设置
通过媒体查询，针对不同的设备的尺寸设置断点来改变布局屏幕 设备 断点超小屏幕 手机 =768px ~ =992px ~ =1200px常用媒体查询尺寸：1200px980px640px480px375px320px280px。
2022-10-26 19:26:42
2034
1
原创 什么是响应式设计
也叫响应式布局，响应式开发实现不同屏幕分辨率的终端上浏览网页的不同展示方式。响应式布局是根据设备屏幕宽度不同适当调整标签显示的布局，从而在每种设备屏幕宽度下呈现的界面是不同的。
2022-10-26 19:25:32
66
原创 animate.css动画插件
css3动画库，预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、旋转（rotateIn|rotateOut）、翻转（flip）、淡入淡出（fadeIn|fadeOut）等动画效果。
2022-10-25 20:41:24
193
原创 帧动画动漫
keyframes 动画名称（英文） {/* 动画的开始 *//* 在25%的时候进行的一个动画 *//* 在50%的时候进行的一个动画 *//* 动画结束 */}from,to表示开始、结束状态，也可以使用0%,100%定义@keyframes 动画名称（英文） {/* 动画开始 *//* 动画结束 */}
2022-10-25 20:39:15
48
原创 新增表单元素和表单属性
包含访问协议的完整路径的输入域，在提交表单时，自动验证url域的值<input type="url" placeholder="请输入地址" name="userURL"> 包含e-mail地址的输入域，在提交表单时，自动验证email域的值<input type="email" placeholder="请输入邮箱地址" name="usermail"&g
2022-10-24 21:02:45
64
原创 新增表单元素和表单属性
包含访问协议的完整路径的输入域，在提交表单时，自动验证url域的值<input type="url" placeholder="请输入地址" name="userURL"> 包含e-mail地址的输入域，在提交表单时，自动验证email域的值<input type="email" placeholder="请输入邮箱地址" name="usermail"&g
2022-10-24 21:01:51
42
原创 HTML5新标签对IE低版本浏览器的兼容处理
问题概述：IE8浏览器中还没有添加对HTML5新标签的支持，当在页面中使用HTML5新标签时，新标签不兼容注意：使用javascript新增元素的方法解决，新增的出来的html5标签是行级元素，需要css把行内元素转为块 //js创建html5标签 document.createElement("header"); document.createElement("
2022-10-24 21:00:28
243
原创 HTML5
新增语义化元素新增表单相关新元素、新属性新增canvas元素canvas 元素使用JavaScript 在网页上绘制图像新增了多媒体相关的video和audio元素地理信息HTML5通过引入Geolocation的API可以通过GPS或网络信息实现用户的定位功能，定位更加准确、灵活对本地存储的更好支持本地存储：提供两种客户端存储数据的方法localStorage存储sessionStorage存储说明：兼容性是指（时间维度）向后兼容， 就是本设备（或者软件）跟更老的设备比较， 是否可以读取更老设备的数据向前
2022-10-24 20:59:12
37
原创 css3动画3D
a 指的是一个旋转角度值，如果为正值，元素围绕 Z 轴顺时针旋转；a 指的是一个旋转角度值，如果为正值，元素围绕X轴顺时针旋转；a 指的是一个旋转角度值，如果为正值，元素围绕Y轴顺时针旋转；angle：一个角度值，指定在 3D 空间旋转角度，正值顺时针旋转，反之元素逆时。x：是一个 0 到１之间的数值，主要用来描述元素围绕 X 轴旋转的矢量值。y：是一个 0 到１之间的数值，主要用来描述元素围绕 Y 轴旋转的矢量值。z：是一个 0 到１之间的数值，主要用来描述元素围绕 Z 轴旋转的矢量值。
2022-10-24 20:56:33
63
原创 css3动画&2D
* skew(30deg,45deg) 围绕 X 轴把元素翻转 30 度，围绕 Y 轴翻转 45 度 */单位：deg 当角度值为正数时，元素沿着顺时针方向旋转 当角度值为负数时，元素沿着逆时针方向旋转。transform: translate(x,y) 沿着x轴和y轴移动。沿着中心点旋转，默认值。transform: translateX(x) 沿着x轴移动。transform: scale(x,y) 沿着x轴和y轴缩放。transform: skew(x,y) 沿着x轴和y轴倾斜。
2022-10-24 20:54:54
42
原创 css3过渡动画——transition属性
1.linear 相同的速度从开始到结束，也就是匀速 2.ease 默认值 慢速度开始--速度变快--慢速度结束 3.ease-in 慢速度开始的过渡效果，也就是以低速度开始 4.ease-out 慢速度结束的过渡效果，也就是以低速结束 5.ease-in-out 以慢速度开始和结束的过渡效果。/* 参与过渡的css属性名称 */css样式：参与过渡的css属性名称|all表示所有属性。/* 动画执行时间 *//* 速度类型 *//* 延迟时间 *//* 复合写法 */延迟时间：默认0s,单位s|ms。
2022-10-24 20:51:42
90
原创 css外边距问题和显示模式
1 外边距问题结构关系：嵌套块元素的垂直外边距塌陷问题描述：当父元素没有padding，margin，border时子元素与父元素直接相邻、子元素的margin值会传递给父元素并且再次与父元素的margin值发生合并最终的结果是正值取两者中的较大值，负值取绝对值较大的值。表现：父子元素公用一个外边距解决方法给父元素设置边框或内边距（慎用）父元素overflow:hidden，改变规则结构关系：相邻元素垂直外边距合并。
2022-09-25 19:46:22
102
原创 符合选择器和css三大特性组合
2.1 继承性2.1.1 概念父元素向后代元素传递属性的机制。2.1.2、表现后代元素会继承父元素的属性。2.1.3、总结常用可继承的属性font-size、font-style、font-weight、font-family、font、text-align、text-indent、cursor、list-style等2.1.4、强制继承每个CSS属性都接受这些值inherit，表示强制开启了继承”。2.1.5、作用恰当地使用继承可以简化代码，降低CSS样式的复杂性。3.2、优先级。
2022-09-22 21:11:41
49
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人