09 2022 档案

CSS实现不规则标题边框
摘要：实现代码：https://codepen.io/huangchun/pen/rNvYBwa 阅读全文
posted @ 2022-09-25 11:15 huangchun0121 阅读(100) 评论(0) 推荐(0)
AJAX详解
摘要：ajax详解 参考：https://www.cnblogs.com/dongfangshenhua/p/6858833.html 什么是 ajax 全称：Asynchronous JavaScript And XML（异步的JavaScript和XML） 作用：实现异步请求的技术。 什么是同步请求： 阅读全文
posted @ 2022-09-12 22:57 huangchun0121 阅读(195) 评论(0) 推荐(0)
WebStorm安装教程
摘要：安装步骤 1、如果之前装有WebStorm版本, 可以先删卸载, 再重新安装 2、到官网下载WebStorm安装包 https://www.jetbrains.com/zh-cn/webstorm/download/other.html 推荐使用2021.2.2版本, 亲测有效 3、双击打开exe程 阅读全文
posted @ 2022-09-06 16:08 huangchun0121 阅读(2791) 评论(0) 推荐(0)
git常用命令
摘要：1、常用命令 常用 git remote add origin git@github.com:yeszao/dofiler.git # 配置远程git版本库 git pull origin master # 下载代码及快速合并 git push origin master # 上传代码及快速合并 g 阅读全文
posted @ 2022-09-06 10:55 huangchun0121 阅读(40) 评论(0) 推荐(0)
JS实现点击一个a标签就为其增加一个class，并移除其他同作用的a标签中的class
摘要：html: <ul> <li><a class="list-group-item text-center " href="#">中心简介</a></li> <li><a class="list-group-item text-center " href="#" >师资队伍</a></li> <li> 阅读全文
posted @ 2022-09-06 10:28 huangchun0121 阅读(2214) 评论(0) 推荐(0)
CSS实现div四个角加上小边框：伪代码实现
摘要：html代码： <div class="panel"> <!--公共盒子--> <div class="panel-foot"> </div> </div> CSS代码： .panel { <!--父框架--> position: relative; height: 3.875rem; border 阅读全文
posted @ 2022-09-06 10:12 huangchun0121 阅读(639) 评论(0) 推荐(0)
transform 属性例子
摘要：transform属性： scale(number)：等比例方大number倍。课用于导航栏鼠标悬浮在导航项上时使得导航项等比方大。 rotate(*deg):旋转。360deg=1turn=400grad。 skew(*deg):倾斜。 translate（X,Y）:移动。 transform-o 阅读全文
posted @ 2022-09-06 09:47 huangchun0121 阅读(78) 评论(0) 推荐(0)
CSS实现table单边框
摘要：table直接加边效果： table,table td{ border: 1px solid #000; } table td{ padding: 10px 30px; } table单边效果： table { width: 200px; border-top: 1px solid #999; bo 阅读全文
posted @ 2022-09-06 09:42 huangchun0121 阅读(369) 评论(0) 推荐(0)
CSS实现加载页面动画效果
摘要：CSS实现一个旋转的加载页面 静态效果图： html代码： <body> <div class="loading"> <span>loading.....</span> </div> </body> CSS代码： <style> body{ margin: 0; padding: 0; height 阅读全文
posted @ 2022-09-06 09:38 huangchun0121 阅读(1693) 评论(0) 推荐(0)
CSS实现梯形例子
摘要：实现效果： position:absolute; display: block;//不占据地方 width: 100%; height: 575px; background-color: orangered; transform-origin:0 0 ;//使得倾斜点为右上角 transform: 阅读全文
posted @ 2022-09-06 09:35 huangchun0121 阅读(132) 评论(0) 推荐(0)
CSS3中display属性的flex布局用法
摘要：Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。它即可以应用于容器中，也可以应用于行内元素。 常用例子 子元素在容器中心位置（垂直居中、水平居中） display 阅读全文
posted @ 2022-09-06 09:30 huangchun0121 阅读(649) 评论(0) 推荐(0)
CSS实现图片或文字溢出隐藏效果
摘要：2、溢出隐藏 文字溢出操作 效果图：单行+溢出隐藏 .nameBox { // 文字不允许换行（单行文本） white-space: nowrap; // 溢出部分隐藏 overflow: hidden; // 文本溢出后，使用 ... 代替 text-overflow: ellipsis; mar 阅读全文
posted @ 2022-09-05 23:15 huangchun0121 阅读(449) 评论(0) 推荐(0)
JavaScript获取时间日期
摘要：<script> var t=null; t=setTimeout(time,1000); function time(){ clearTimeout(t);//清除定时器 dt=new Date(); var y=dt.getFullYear(); var mt=dt.getMonth()+1; 阅读全文
posted @ 2022-09-05 23:09 huangchun0121 阅读(58) 评论(0) 推荐(0)
CSS实现背景图片响应式覆盖效果
摘要：/* 背景图片 */ background-image:url('../images/bg2.jpg'); /* 背景图片位置固定 */ background-attachment:fixed; /* 背景不重复 */ background-repeat:no-repeat; /* 背景位置居中 * 阅读全文
posted @ 2022-09-05 22:58 huangchun0121 阅读(679) 评论(0) 推荐(0)
CSS实现炫酷3D旋转立体动画例子
摘要：点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont 阅读全文
posted @ 2022-09-05 22:44 huangchun0121 阅读(239) 评论(0) 推荐(0)