![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
太阳的后裔
天下古今之庸人,皆以一惰字致败。
展开
-
CSS 不规则的标题框样式
展现一个框框的demo,难点就在于不规则的标题框这里,像是一个长方形减去了一个梯形,然后在梯形中添加两个按钮,按钮还要显示成平行四边形原创 2022-08-26 10:56:55 · 723 阅读 · 0 评论 -
CSS,Jquery显示与隐藏
display和visibility的不同原创 2022-07-15 15:00:08 · 339 阅读 · 0 评论 -
css 电子数字字体
1.下载需要的 .ttf 格式的语言包,在css导入:@font-face { font-family: mFont; src: url(../font/DS-DIGIB.TTF);}2.需要的字体引用:#year{ background: url(../image/year.png) no-repeat; background-size: 100% 100%; background-position: center center; overflow: auto; width:.原创 2022-01-06 17:11:24 · 2761 阅读 · 1 评论 -
两个div,其中一个div要在另一个div内部并居右
小编起初想的是用float,奈何测试人员又调到IE6中了,在IE6中浮动会出现错位,经过查看一些资料小编只能使用定位的方式解决了,回忆一下定位的知识也不错<div class="title clear fwb" style="overflow:hidden;position:relative;"> <div class="author fl" style="color: red;overflow: hidden;position: absolute;top: 0px;righ.原创 2021-10-13 17:06:28 · 1317 阅读 · 0 评论 -
360录屏时去掉跑马灯解决方法 以失败告终
搞了很久,啥也不说了,贴代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="../src/js/jquery-2.1.4.min.js"></script> <style> html, body { margin: 0; padding:原创 2021-05-12 22:57:58 · 539 阅读 · 0 评论 -
js,css常见查询标签第n个
js div中查询span标签第2个$(".total_edit").find("span").eq(1).html("");css 查询ul中第二个liul li:nth-child(2) { float: right; margin-top: 10px;}原创 2020-10-20 16:23:53 · 231 阅读 · 0 评论 -
disabled,display,visibility用Jquery控制显示和隐藏
disabled和display的隐藏效果会使隐藏的内容消失,而visibility的隐藏效果仅仅起隐藏的作用,内容不会消失disabled//disabled禁用$("#btn").attr('disabled',true);$("#btn").attr('disabled','disabled');$("#btn").prop('disabled','disabled');//d...原创 2020-04-26 12:03:45 · 1090 阅读 · 0 评论 -
js之街头霸王动作演示
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>街头霸王简单演示</title> <style> #div{ background: url(images/RYU1_near_heavy_kick.gif) no-r...原创 2020-02-18 20:18:01 · 223 阅读 · 0 评论 -
transitions动画
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>transitions动画</title> <style type="text/css"> body { background-color: #f0f3f9; }...原创 2020-02-17 13:12:42 · 148 阅读 · 0 评论 -
CSS3 2d转换
现贴出代码和效果图<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>CSS3 2d转换</title> <style> *{ padding:0px; margin:0px; } .menu ul...原创 2020-02-14 12:30:06 · 104 阅读 · 0 评论 -
css3结构伪类选择器
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css3结构伪类选择器</title> <style> td{ border:1px solid #cad9ea; padding:0 1em 0; }...原创 2020-02-05 12:54:27 · 118 阅读 · 0 评论 -
边框元素border-radius圆角效果
源码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>border-radius</title> <style> div.bd1 { border: 1px solid blue; padding: 10px...原创 2020-02-05 11:28:17 · 233 阅读 · 0 评论 -
CSS3属性选择器 a标签 http
昨天又看了一下腾讯视频中陈豪老师关于CSS3的相关视频,个人又有了一些小收获,来赏析吧!E[att^=“val”]属性att的值以"val"开头的元素。a[href^="http:"]{ background:url("images/window.gif") no-repeat left center;背景图片水平靠左 垂直居中 padding-left:18px;}E[att$=“...原创 2020-01-19 09:55:04 · 487 阅读 · 0 评论 -
当网页向上滚动时,让header固定的停留在网页的上方
想当年,小编实习时总是遇见此类问题,当时为了画页面也是苦到没话说,小编在实习时就遇见过此类的问题,没有想到小编现在又遇到了,小编只好再做一下了,但有点小傲娇的小编下次只想看自己的博客<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>...原创 2019-11-19 20:17:33 · 1842 阅读 · 0 评论 -
js添加类选择器(addClass,removeClass) ,禁用div
小编前不久遇见了一个bug,在和自己的师傅沟通后确认其需要修改,在服务器端进行了简单的处理后,然后需要在客户端修改,我使用到了禁用div,相信很多情况下都需要用到这一点,来一起看看小编的代码吧1.noshow是div的类选择器2.pointer-events就是控制div是否禁用的样式1)属性为none时其将被禁用2)属性为auto时其将恢复正常.noshow{ pointer-...原创 2019-11-05 11:19:19 · 1293 阅读 · 0 评论 -
Table添加细线边框
小编最近又做了一个简单的表格,表格的外线是真的粗,于是小编又在网上查了一下有关的资料,做出了一些还不错的样式,如下图.border-collapse中collapse:规定单元格边框合并。否则边框则会变粗,样式也会变丑哦!<table style='margin:0 0 0 5%;border-collapse:collapse;' border='1px solid #ccc' ce...原创 2019-10-29 15:16:35 · 458 阅读 · 0 评论