2020-12-26

最新推荐文章于 2022-07-01 11:36:11 发布
最新推荐文章于 2022-07-01 11:36:11 发布
阅读量222 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46315812/article/details/111769185
版权

常用的css小妙招，建议新手收藏

2020-12-24 17:01:43 52 收藏 3
分类专栏： 前端学习 笔记
最后发布:2020-12-24 17:01:43 首次发布:2020-12-24 17:01:43
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接： https://blog.csdn.net/m0_45070460/article/details/111636778
版权

input修改光标颜色

<input type="number">
input{
  caret-color: rgba(0, 255, 0, 1.0);
}

      
      

      
      
  • 1
  • 2
  • 3
  • 4

div背景透明色

<div>背景颜色</div>
div{
   height: 100px;
   width: 100px;
   background: red;
   opacity: 0.5;  //值为:  0.1 -- 0.9
}

      
      

      
      
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

文字隐藏，只会隐藏内容，不会影响元素

<div>文字隐藏<div>
div{
   height: 100px;
   width: 100px;
   background: #ff6699;
   text-indent: -9999px;
}

      
      

      
      
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

让元素内容闪烁

<div class="div">闪烁</div>
.div{
  animation: div 3s linear infinite;
}
@keyframes div {
			0% {
				opacity: 1;
			}
			50% {
				opacity: 0.5;
			}
			100% {
				opacity: 0;
			}
		}

      
      

      
      
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

边框阴影

<div>边框阴影</div>
div{
  height: 100px;
  width: 100px;
  box-shadow:0 0 9px 3px #999;
}

      
      

      
      
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

文字阴影

<div class="div1">白色文本的阴影效果</div>
<div class="div2">霓虹灯效果的文本阴影</div>
.div1{
   color:#fff;
   text-shadow:2px 2px 4px #000;
}
.div2{
   color:#000;
   text-shadow:0 0 3px #f0f;
}

      
      

      
      
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

背景图片不铺满，自由控制

<div>背景图片不铺满，自由控制</div>
div{
  background-image: url(/static/images/login/upgrade.png);
  background-size: 100% 100%; 图片大小
  background-repeat: no-repeat;  //不铺满,只显示一张
  background-position: top right;  //如果你仅规定了一个关键词，那么第二个值将是"center"。默认值：0% 0%
                       //x% y%       第一个值是水平位置，第二个值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果您仅规定了一个值，另一个值将是 50%。

}

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

文本超出隐藏

<div class="div1">文字显示一行，一行之后溢出隐藏 </div>
<div class="div2">多行文字， </div>
.div1 {
        border: 1px solid black;
        width: 40px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        margin-bottom: 20px;
        }
.div2 {
       border: 1px solid black;
       width: 40px;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;
       overflow: hidden;
        }
//核心      overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;   

 
 

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21

清除不是数字js正则

let arr = '2.1.3ssa  阿松大'
console.log(arr.replace(/[^\d]/g, ""))

 
 

 
 
  • 1
  • 2
非常全面的前端协作规范(长文建议先收藏)
Yvette Lau的专栏
12-16 475
原文作者：掘金 _sx_原文链接：https://juejin.im/post/5d3a7134f265da1b5d57f1ed万字长文，继续刷新我的文章长度记录，涉及前端开发的方方面面...
最热网友收藏
weixin_33728708的博客
06-29 214
 最热网友 收藏：共享一些面试题(2007年第1周)  2007年第1周最热网友 收藏

共享一些面试题(52)，共94人收藏，xblue3首先收藏
程序员真实写真:35岁前成功的12条黄金法则(49)，共182人收藏，yanglilibaobao首先收藏
css学习笔记,欢迎大家补充，谢谢(46)，共54人收藏，hotsunn首先收藏
我来做个好人吧，40种网站设计常用技巧…


  <textarea class="comment-content" name="comment_content" id="comment_content" placeholder="优质评论可以帮助作者获得更高权重" maxlength="1000"></textarea>
		<div class="comment-emoticon"><img class="comment-emoticon-img" data-url="https://csdnimg.cn/release/blogv2/dist/pc/img/" src="https://csdnimg.cn/release/blogv2/dist/pc/img/emoticon.png" alt="表情包"></div> 
  <span class="comment-emoticon-tip">插入表情</span>
  <div class="comment-emoticon-box">
    <div class="comment-emoticon-img-box">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:001.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/001.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:002.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/002.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:003.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/003.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:004.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/004.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:005.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/005.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:006.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/006.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:007.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/007.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:008.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/008.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:009.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/009.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:010.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/010.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:011.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/011.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:012.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/012.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:013.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/013.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:014.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/014.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:015.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/015.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:016.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/016.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:017.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/017.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:018.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/018.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:019.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/019.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:020.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/020.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:021.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/021.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:022.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/022.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:023.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/023.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:024.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/024.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:025.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/025.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:026.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/026.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:027.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/027.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:028.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/028.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:029.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/029.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:030.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/030.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:031.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/031.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:032.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/032.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:033.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/033.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:034.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/034.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:035.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/035.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:036.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/036.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:037.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/037.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:038.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/038.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:039.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/039.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:040.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/040.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:041.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/041.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:042.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/042.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:043.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/043.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:044.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/044.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:045.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/045.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:046.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/046.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:047.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/047.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:048.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/048.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:049.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/049.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:050.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/050.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:051.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/051.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:052.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/052.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:053.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/053.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:054.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/054.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:055.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/055.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:056.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/056.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:057.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/057.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:058.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/058.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:059.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/059.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:060.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/060.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:061.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/061.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:062.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/062.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:063.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/063.png">
        <img class="emoticon-monkey-img" data-emoticon="[face]monkey2:064.png[/face]" src="https://g.csdnimg.cn/static/face/monkey2/064.png">
    </div>
  </div>
  <div class="opt-box">
			<div id="ubbtools" class="add_code">
				<a href="#insertcode" code="code" target="_self"><i class="icon iconfont icon-daima"></i></a>
			</div>
			<input type="hidden" id="comment_replyId" name="comment_replyId">
			<input type="hidden" id="article_id" name="article_id" value="111636778">
			<input type="hidden" id="comment_userId" name="comment_userId" value="">
			<input type="hidden" id="commentId" name="commentId" value="">
			<div class="dropdown" id="myDrap">
				<a class="dropdown-face d-flex align-items-center" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
					<div class="txt-selected text-truncate">添加代码片</div>
					<svg class="icon d-block" width="200px" height="100.00px" viewBox="0 0 2048 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M597.33333292 298.666667h853.333334L1023.99999992 725.333333 597.33333292 298.666667z"></path></svg>
				</a>
				<ul class="dropdown-menu" id="commentCode" aria-labelledby="drop4">
					<li><a data-code="html">HTML/XML</a></li>
					<li><a data-code="objc">objective-c</a></li>
					<li><a data-code="ruby">Ruby</a></li>
					<li><a data-code="php">PHP</a></li>
					<li><a data-code="csharp">C</a></li>
					<li><a data-code="cpp">C++</a></li>
					<li><a data-code="javascript">JavaScript</a></li>
					<li><a data-code="python">Python</a></li>
					<li><a data-code="java">Java</a></li>
					<li><a data-code="css">CSS</a></li>
					<li><a data-code="sql">SQL</a></li>
					<li><a data-code="plain">其它</a></li>
				</ul>
			</div>
			<div class="right-box" id="rightBox" data-type="2">
						<span id="tip_comment" class="tip">还能输入<em>1000</em>个字符</span>
						<a data-report-click="{&quot;spm&quot;:&quot;3001.4374&quot;}" class="btn btn-sm btn-quick-comment" id="quickComment">“速评一下”</a>
						<a data-report-click="{&quot;mod&quot;:&quot;1582594662_003&quot;,&quot;spm&quot;:&quot;1001.2101.3001.4227&quot;,&quot;ab&quot;:&quot;new&quot;}"><input type="submit" class="btn btn-sm btn-comment" value="发表评论"></a>
			</div>
		</div>
	</form>
	<input type="button" class="bt-comment-show" value="评论">
</div>
<div class="comment-list-container" style="display: block;">
	<a id="comments"></a>
	<div class="comment-list-box"><ul class="comment-list"><li class="comment-line-box d-flex" data-commentid="14356295" data-replyname="dkm123456"><div style="display: flex;width: 100%;">      <a target="_blank" href="https://blog.csdn.net/dkm123456"><img src="https://profile.csdnimg.cn/6/E/C/3_dkm123456" username="dkm123456" alt="dkm123456" class="avatar"></a>        <div class="right-box ">          <div class="new-info-box clearfix">            <a class="comment-tag" target="_blank" href="https://blog.csdn.net/blogdevteam/article/details/103478461">爱码士<img class="comment-tag-img" src="https://csdnimg.cn/release/blogv2/dist/components/img/commentTagArrowWhite.png" title="爱码士"></a><a target="_blank" href="https://blog.csdn.net/dkm123456"><span class="name ">学习永远不会晚</span></a><span class="colon">:</span><span class="floor-num"></span><span class="new-comment">写的很好，关注了，记得互相关注、互相评价哦<img src="//g.csdnimg.cn/static/face/monkey2/004.png" alt="表情包"></span><span class="date" title="2020-12-26 11:24:10">9小时前</span><span class="new-opt-floating"><a class="btn-bt  btn-reply" data-type="reply" data-flag="true">回复</a><a class="btn-bt  btn-report"><img class="btn-report-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/commentMore.png" title=""><span data-type="report" class="hide-report">举报</span></a></span></div><div class="comment-like " data-commentid="14356295"><img class="comment-like-img unclickImg" src="https://csdnimg.cn/release/blogv2/dist/pc/img/commentUnHeart.png" title="点赞"><img class="comment-like-img comment-like-img-hover" style="display:none" src="https://csdnimg.cn/release/blogv2/dist/pc/img/commentActiveHeart.png" title="点赞"><img class="comment-like-img clickedImg" src="https://csdnimg.cn/release/blogv2/dist/pc/img/commentActiveHeart.png" title="点赞"><span></span></div></div></div></li></ul></div>
	<div id="commentPage" class="pagination-box d-none" style="display: block;"><div id="Paging_0506245535756946" class="ui-paging-container"><ul><li class="js-page-first js-page-action ui-pager ui-pager-disabled"></li><li class="js-page-prev js-page-action ui-pager ui-pager-disabled">&lt;</li><li data-page="1" class="ui-pager focus">1</li><li class="js-page-next js-page-action ui-pager ui-pager-disabled">&gt;</li><li class="js-page-last js-page-action ui-pager ui-pager-disabled"></li></ul></div></div>
	
</div>
微信小程序资源汇总
Vincentyun
08-20 4792
微信小程序汇总（10月16日更新小程序100+个教程或资讯与50+个Demo）

1：微信小程序官方工具：https://mp.weixin.qq.com/debug/w … tml?t=1476434678461
2：微信小程序简易教程：https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599
3：微信小程序设计指南：http…


全国(大学)高等教育各学科视频教学全集
AlienTech for better life!~
11-10 5310
为了方便已就业的朋友再学学习，提供一篇覆盖的教程有计算机类全部，机械类，土木建筑类，财经管类 ，电气类，法学类 ，广告类，医学，心理学，大学英语，大学物理，高等数学，大学化学，哲学 应有尽有。常言道："书山有路勤为径，学海无涯苦作舟。"无止境地学习，是每一个智者所必需的。人要想不断地进步，就得活到老、学到老。这是我无意中看到的 收藏了，欢迎有兴趣的朋友学习。

 

企业级项目实战(带源码升


史上最全的HTML、 CSS知识点总结,浅显易懂。适合入门 新手,需要 收藏
10-31
2. 标签是没有语义的,它的作用就是为了设置单独的样式用的,把一段话圈起来,然后用 css设置样式。 2-5 q标签,短文本引用 比如在你...
这些 css技巧,你肯定不会全知道【 建议 收藏】_coder吹雪...
12-14
下面是总结的 css技巧, 建议大家 收藏,以后用的时候就不用到处查资料了。当然这些也不是所有的,大家如果有什么好的 css有趣样式技巧也可以发出来哦三角形最常见的一种...
彻底了解DVD:从入门到精通
临风的专栏
03-22 3万+
彻底了解DVD:从入门到精通-转自山楂树论坛白衣原创第一章　缘起　　　　那片直径120mm的小小的塑料片，闪耀着一种迷幻般的光泽。一束绚丽的激光照射在这小小的塑料圆片上，成千上万比特的数据流沿着一根细细的光纤从DVD影机输送到AV功率放大器，在那里，经过杜比逻辑解码器无声而神奇的工作，无边无际的光影弥漫开来，在客厅幽暗的灯光下，我们的灵魂仿佛在片刻间从世俗生活中抽离，进入一个由声画构成的幻想国度…
Oracle官方文档及个人书签地址
测试
10-10 5599
Oracle官方文档及个人书签地址 
Oracle 资料下载地址：https://edelivery.oracle.com/&amp;...</div>
		</a>
	</div>
</div>
新手福音!最全面的易懂 CSS总结,一篇博文让你了解 CSS,动...
11-28
不要滑了,点进来吧。一篇博客让你了解 css CSS总结一. CSS的基本概念 二.文字处理 三.盒子模型与背景 四.列表样式和链接样式 五.定位和显示效果 6.浮点数
值得 收藏的多个 CSS 实用小技巧(附代码片段)_Lunaqi的博客
12-5
值得 收藏的多个 CSS 实用小技巧(附代码片段) 作为前端,日常开发充满了各种挑战与乐趣,我们穷尽一切在奇葩的需求中提升用户体验。本文将列举一些前端开发中碰到的小众...
seo相关文章
luofengdong的专栏
03-01 2万+
<br />SEO 网址：http://blog.myspace.cn/xmmei/category/41652.aspx<br /><br /><br /> 五个等级SEOer的特征分析<br />  顶尖的SEOer：<br /><br /> 他们几乎不写博客、不回帖、不参与互联网的争论，每天专心耕耘自己的网站，赚钱很低调，生活很滋润。新浪的SEO不知道哪位负责的，我一直想认识一 下，感觉他是顶尖的。另外听说有某SEOer搞英文站做外贸，公司每月营业额好几百万但只有30几个员工，前台小姐的工资都在
技术目录
qq_16497617的博客
11-06 1450
原创 学会了这些技术，你离BAT大厂不远了 
                                                               ...</div>
		</a>
	</div>
</div>
【 建议 收藏】你不知道的 css技巧_weixin_48109878的博客
12-16
下面总结了一些 常用又有趣的 css技巧,希望大家 收藏,以减少查资料的时间。 三角形 最常见的一种形状了。切图,不存在的。 /** 正三角 */ ...
26个 常用易忘 CSS小技巧_weixin_42884292的博客
10-29
鉴于学习的时候,经常会忘记 常用的 css技巧,因此进行一个小总结 1.解决inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移 ...
计算机安全知识大全
Kinb_huangwei的专栏
12-07 1万+
一、未雨绸缪——做好预防措施　　1.一个好，两个妙　　无论是菜鸟还是飞鸟，杀毒软件和网络防火墙都是必需的。上网前或启动机器后马上运行这些软件，就好像给你的机器“穿”上了一层厚厚的“保护衣”，就算不能完全杜绝网络病毒的袭击，起码也能把大部分的网络病毒“拒之门外”。目前杀毒软件非常多，功能也十分接近，大家可以根据需要去购买正版的(都不算贵)，也可以在网上下载免费的共享杀毒软件(网上有不少哦)，但千
C++面试题
backard的专栏
01-20 9919
1.构造一个类MySingleton,使该类只能存在一个实例. 思路:     将构造函数写为private的，然后通过一个成员静态函数来调用构造函数即可:) 例: #include "iostream.h" class MySingleton { private: static MySingleton* _instance; MySingleton(){ cout ~MyS
最 常用的 CSS技巧收集笔记 - weixin_33810302的博客 - CSDN博客
1-24
阅读更多 收藏 分享 CSS 常用技巧 阅读数 154 概述相信大家在写 css属性的时候,会遇到一些问题,比如说:垂直对齐,垂直居中,背景渐变动画,表格宽度自适应,模糊文本...
一些 css实用小技巧_你蠢哭我咯的博客_ css小技巧
12-8
根据鼠标移动位置变更伪元素 css变量,实现位置变更 2.单行居中、多行居左、n行省略 开发过程中经常会遇到单行居中、多行居左、n行省略这样的需求。特别是一些弹窗提...
©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页

分类专栏

最新评论

weixin_46315812
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
CVE-2020-0796漏洞复现
快吃小蛋糕吧的博客
11-08 1931
即17年永恒之蓝后，又爆出永恒之黑，445不愧是安全工程师的噩梦。 漏洞简介 Microsoft Windows和Microsoft Windows Server都是美国微软（Microsoft）公司的产品。Microsoft Windows是一套个人设备使用的操作系统。Microsoft Windows Server是一套服务器操作系统。Server Message Block是其中的一个服务器信息传输协议。 Microsoft Server Message Block 3.1.1 (SMBv3)版本.
Schematic_心形流水灯_2020-12-26_13-35-53.pdf
11-14
Schematic_心形流水灯_2020-12-26_13-35-53.pdf
2020-05-10
zcz19920114的博客
05-10 1174
本人camera hal小白，无从下手有没有camera hal 的大佬可以指点一下或者提供一点资料，在此谢了
2020-05-31
GJJailang的博客
05-31 862
现在后端不做云计算，大数据，人工智能，底层程序员是不是只剩增删改查了。感觉自己混了两年混成运维了。
2020-04-10
m0_46591785的博客
04-10 2325
Super关键字 可以访问父类中定义的属性 可以调用父类中定义的成员方法 可以在子类构造器中调用父类构造器 .子类所有的构造器默认都访问父类中空参数的构造器 .子类一定会调用父类构造器（默认过程调用无参） //如果没有显示定义构造方法，Java编译阶段提供一个默认构造方法 //如果定义了自己的构造器，Java使用自己的构造器 //父类所有的构造器：子类必须实现它，子类默认当中一定使用到了父类的构造...
2020-06-07
lyyzxl的博客
06-07 2719
arcgis engine 实现栅格计算器，包括数学运算、逻辑运算、三角函数运算和代数运算。有大佬能帮一下吗？arcgis用10.2版本，环境用vs2015，代码加注释。求大佬。
2020-05-09
wanghuanll的博客
05-09 1223
Dⅹ3.4
2020-12-28
热门推荐
wubaoyu123的博客
12-28 4万+
返回主页 抑菌 博客园 首页 新随笔 联系 订阅 管理 随笔 - 48 评论 - 103 git原理学习记录：从基本指令到背后原理，实现一个简单的git 好家伙~ 一开始我还担心 git 的原理会不会很难懂，但在阅读了官方文档后我发现其实并不难懂，似乎可以动手实现一个简单的 git，于是就有了下面这篇学习记录。 本文的叙述思路参照了官方文档Book的原理介绍部分，在一些节点上探讨代码实现，官方文档链接。 看完本文你能：1. 了解 git 的设计思想。2. 收获一点快乐？ 编程语言选择了 go，因为刚学不太
将时分秒的时间转为2020-11-12T20:00:00.000+08:00格式
12-29 2328
java中将时分秒的时间转为2020-11-12T20:00:00.000+08:00格式 /** * @Description: 将2020-11-12T20:00:00.000+08:00 转换为2020-11-12 20:00:00 * @Author: ljj * @CreateDate: 2020/11/26 14:30 * @UpdateUser: * @UpdateDate: * @UpdateReakem * @pa
CVE-2020-17530 Struts2-061远程代码执行漏洞
weixin_45715461的博客
07-01 1899
CVE-2020-17530 Struts2-061远程代码执行漏洞
2020-02-13-raspbian-buster-lite.zip
04-30
描述中提到的文件校验信息，如SHA256哈希值（12AE6E17BF95B6BA83BECA61E7394E7411B45EBA7E6A520F434B0748EA7370E8），是用于验证下载的文件是否完整和未被篡改的关键步骤。当用户下载完文件后，可以通过计算该文件的...
magento-ce-2.4.0-2020-07-24-11-15-38.tar.gz
08-25
magento-ce-2.4.0-2020-07-24-11-15-38.tar.gz 不带sample data
UCF-LKM-DATA-PT-12-2020-UC
02-21
UCF-LKM-DATA-PT-12-2020-UC 欢迎来到UCF的数据可视化课程...2020年12月26日 周六 2020年12月29日 周二 2020年12月31日 周四 2021年1月2日 周六 纪念日 2021年5月29日 周六 回购准则 您对该存储库具有只读访问权限，并
美国新冠疫情数据2020-1至2021-12-01（天-周-月）
04-15
时间跨度 2020-1至2021-12- 01（天/周/月） 时间频率 年度 区域跨度 美国 大洲 国家名称 dateti me 累计确诊数量 累计治愈数量 累计死亡数量 北美洲 美国 2021/12/ 31 54148314 41455786 824030 北美洲 美国 2021 ...
JAVA实践期末复习题.docx
07-10
JAVA实践期末复习题.docx
C4D修复缩略图-放在C4D根目录右键管理员运行修复缩略图
07-10
C4D修复缩略图-放在C4D根目录右键管理员运行修复缩略图
基于单片机的红外测油仪的研究
07-09
水资源是人类社会的宝贵财富，在生活、工农业生产中是不可缺少的。随着世界人口的增长及工农业生产的发展，需水量也在日益增长，水已经变得比以往任何时候都要珍贵。但是，由于人类的生产和生活，导致水体的污染，水质恶化，使有限的水资源更加紧张。长期以来，油类物质(石油类物质和动植物油)一直是水和土壤中的重要污染源。它不仅对人的身体健康带来极大危害，而且使水质恶化，严重破坏水体生态平衡。因此各国都加强了油类物质对水体和土壤的污染的治理。对于水中油含量的检测，我国处于落后阶段，与国际先进水平存在差距，所以难以满足当今技术水平的要求。为了取得具有代表性的正确数据，使分析数据具有与现代测试技术水平相应的准确性和先进性，不断提高分析成果的可比性和应用效果，检测的方法和仪器是非常重要的。只有保证了这两方面才能保证快速和准确地测量出水中油类污染物含量，以达到保护和治理水污染的目的。开展水中油污染检测方法、技术和检测设备的研究，是提高水污染检测的一条重要措施。通过本课题的研究，探索出一套适合我国国情的水质污染现场检测技术和检测设备，具有广泛的应用前景和科学研究价值。 本课题针对我国水体的油污染，探索一套检测油污染的可行方案和方法，利用非分散红外光度法技术，开发研制具有自主知识产权的适合国情的适于野外便携式的测油仪。利用此仪器，可以检测出被测水样中亚甲基、甲基物质和动植物油脂的污染物含量，为我国众多的环境检测站点监测水体的油污染状况提供依据。
计算机试卷7.doc
最新发布
07-10
### 内容概要 《计算机试卷1》是一份综合性的计算机基础和应用测试卷，涵盖了计算机硬件、软件、操作系统、网络、多媒体技术等多个领域的知识点。试卷包括单选题和操作应用两大类，单选题部分测试学生对计算机基础知识的掌握，操作应用部分则评估学生对计算机应用软件的实际操作能力。 ### 适用人群 本试卷适用于： - 计算机专业或信息技术相关专业的学生，用于课程学习或考试复习。 - 准备计算机等级考试或职业资格认证的人士，作为实战演练材料。 - 对计算机操作有兴趣的自学者，用于提升个人计算机应用技能。 - 计算机基础教育工作者，作为教学资源或出题参考。 ### 使用场景及目标 1. **学习评估**：作为学校或教育机构对学生计算机基础知识和应用技能的评估工具。 2. **自学测试**：供个人自学者检验自己对计算机知识的掌握程度和操作熟练度。 3. **职业发展**：帮助职场人士通过实际操作练习，提升计算机应用能力，增强工作竞争力。 4. **教学资源**：教师可以用于课堂教学，作为教学内容的补充或学生的课后练习。 5. **竞赛准备**：适合准备计算机相关竞赛的学生，作为强化训练和技能检测的材料。 试卷的目标是通过系统性的题目设计，帮助学生全面复习和巩固计算机基础知识，同时通过实际操作题目，提高学生解决实际问题的能力。通过本试卷的学习与练习，学生将能够更加深入地理解计算机的工作原理，掌握常用软件的使用方法，为未来的学术或职业生涯打下坚实的基础。
<?php /* # -*- coding: utf-8 -*- # @Author: h1xa # @Date: 2020-09-04 00:12:34 # @Last Modified by: h1xa # @Last Modified time: 2020-09-04 00:26:48 # @email: h1xa@ctfer.com # @link: https://ctfer.com */ error_reporting(0); if(isset($_GET['c'])){ $c = $_GET['c']; if(!preg_match("/flag/i", $c)){ eval($c); } }else{ highlight_file(__FILE__); }
05-15
这是一个 PHP 脚本，它接受一个 GET 参数 `c`，然后用 `eval()` 执行这个参数...如果参数中不包含字符串 "flag"，则会执行 `eval()`，否则不会。...建议尽快修复该漏洞，例如使用白名单方式限制 `eval()` 可以执行的代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值