![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
hard_coding_wang
成长着的程序员
展开
-
Web前端开发工具(编辑器)汇总
Web前端开发工具1、文本编辑器应用:操作系统自带编辑器(如Windows系统的记事本、Unix及类Unix系统文本编辑器Vim)、EditPlus、Notepad++等;记事本windows自带的记事本,可直接运行,无需卸载与重装。notepad.exe事实上就是一个windows记事本,它是微软操作系统自带的记事本程序,该程序功能非常的实用,可以为用户记录文字,并且支持自动换行,支持设置字体、字形和字体大小,支持查找和替换,是目前用户使用最多的记事本软件。EditPlus小巧但是功能强大的编辑原创 2020-08-10 10:20:51 · 4378 阅读 · 0 评论 -
CSS3边框图像border-image
CSS3边框图像border-image图片位置url(),选取作为顶角的图片位置,环绕方式。选取位置参数,将整个图片分成九个格子,四个拐角分别在边框的四个角上,角与角之间的图像被拉伸、环绕或者重复。设置方法:border-image:url(img/rylg.png) 25 25 stretch;设置效果:stretch(拉伸),round(环绕),repeat(重复,有残缺)...原创 2020-05-28 17:23:40 · 226 阅读 · 0 评论 -
CSS3边框阴影box-shadow
CSS3边框阴影box-shadowbox-shadow: 15px 5px 20px 20px #666666 ; ## 参数含义:横向位移、竖直位移、模糊程度、阴影半径、阴影颜色、外(内)部阴影。 多个阴影,可用逗号隔开。box-shadow: 15px 5px 20px 20px #666666,-15px -5px 20px 20px yellow; 记忆口诀:横竖湖影大小分,五颜六色内外见...原创 2020-05-28 17:21:48 · 129 阅读 · 0 评论 -
CSS3圆角边框border-radius
**圆角边框,顾名思义将直角换成圆角的矩形边框。**设置方法:border-radius:50px;含义:圆角边框:一个参数(矩形四角圆弧半径同一值)解释:圆:由圆心和半径确定,圆的大小由半径确定。故圆弧的弧度是由构成弧度的两个边确定的。...原创 2020-05-28 17:19:41 · 368 阅读 · 0 评论 -
CSS3过渡属性transition使用方法
CSS3过渡属性transition使用方法两个步骤:(以鼠标移动到div上,矩形框宽度边框过度)1、在选择下的规则中(过渡前的样式),添加transition及必须设置属性。设置需要过渡的属性名和持续时间如下:#transition_div{ width: 321px; height: 321px; border:1px solid #00cc66; transition:width 4s;}2、定义过渡后样式: #transition_div :hover{width:原创 2020-05-28 17:14:48 · 808 阅读 · 0 评论 -
CSS3动画animation属性的用法
两步完成动画设置(示例:让风车图片旋转的同时,移动位置)1、在设置动画前初始状态下的样式规则中(定位position一般为relative),绑定对应动画动作的关键帧,设置持续时间#animation_div{ animation: animation_keyframes 4s; position: relative;}2、定义关键帧:设置动画从0%开始到100%结束的动作。@keyframes animation_keyframes { 0%{left:0px;top:0px;}原创 2020-05-28 17:12:14 · 584 阅读 · 0 评论