自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 jQuery选择器

attr=value] 匹配给定的属性是某个特定值的元素。5.eq(index):选取索引等于index的元素(index从0开始)6.gt(index):选取索引大于index的元素(index从0开始)7.lt(index):选取索引小于index的元素(index从0开始)[attr] 匹配包含给定属性的元素。=value] 匹配给定的属性是不包含某个特定值的元素。[attr^=value] 匹配给定的属性是以某些值开始的元素。[attr*=value] 匹配给定的属性是以包含某些值的元素。

2023-01-31 17:31:09 173

原创 sass的用法与基础

另外,所有在被导入文件中定义的变量和混合器,均可在导入文件中使用。尽管通常在sass 中使用@import时,sass 会尝试找到对应的sass文件并导入进来,但在下列三种情况下会生成原生的css eimport,尽管这会造成浏览器解析css 时的额外下载。那些专门为 @import 命令而编写的 sass文件,并不需要生成对应的独立css文件,这样的sass文件称为局部文件。在原生的css 中,注释对于其他人是直接可见的,但sass提供了一种方式可在生成的css 文件中按需抹掉相应的注释。

2022-12-26 17:15:45 512

原创 css3中的过渡和动画

keyframes example1 {------------------------------创建一个动画的名字,里面包含每个阶段的状态。@keyframes example1 {------------------------------创建一个动画的名字,里面包含开始和结束。transition-delay:1s---------------------------延迟生效多少s。帧动画---------------steps(8)--------里面的数值意思是把图分为几帧。

2022-12-23 11:09:33 181

原创 css3中的圆角边框,盒子阴影、边界图片、盒子的边框模型等

------------------------第一个的图片放的位置,注意位置。-------------------------------第一个图片不重复,第二个图片重复。----------------------------------------------------------------------stretch是拉伸图片。--------------------从里面的内容开始才有背景。-------------------百分比越接近50%,就越接近正椭圆。`:四个角都是15px。

2022-12-23 11:07:45 153

原创 css3中的画布canvas

定义了一个宽400px,高300px 的画布 //获取画布 var canvas= document.getElementById("canvas") //通过画布对象得到画布上下文对象,通过2d,二维平面上面开始后续的操作 var context=canvas.getContext("2d"); context.moveTo

2022-12-23 11:06:46 446

原创 css3中的svg

rect x="100" y="100" width"150" height="100" fill="red" stroke="green"> ---绘制矩形。cavas:依赖分辨率、不支持事件处理器、弱的文本渲染能力、能够以.png或.jpg格式保存结果图像、最适合图像密集游戏。-------------多边形就是最后一个点和第一个点一样。----------绘制圆角矩形。- cx/cy:椭圆绘制的位置,圆心的位置。- cx/cy:圆绘制的位置,圆心位置。

2022-12-23 09:22:01 834

原创 12月8日学习内容

relative,相对定位,可以设置top、left等,导致其偏离正常位置进行调整,不会对其余内容进行调整。absolute:绝对定位,相对于最近的定位祖先元素进行定位(而不是相对于视口定位)。2.子元素选择器:div>p{......}}-------以>分隔。3.相邻兄弟选择器:div+p{......}}-------以 + 分隔,且二者有相同父元素。1.后代元素选择器:div p{ ......}-------以空格分隔。static静态,默认是static静态,不受top,left等的影响。

2022-12-08 17:14:24 198

原创 12.5日学习内容

h1~h6标签,由大变小,显示样式是粗体,越往下粗体效果越小hr标签:出现一条水平线 p段落标签 : p标签里可以包裹文字等 br 换行标签 :下一行,换行/开头:表示根目录;./开头:代表当前所在的目录;../开头:代表上一层目录列表 uL、li无序列表:无序列表是没有顺序的,u只能嵌套L,但可以容纳所有元素,无序列表列表项默认添加实心圆, ol、li有序列表:有序列表就是有排列顺序的列表,有序列表列表项默认添加数字。 dL、dt、dd自定义列表(自定义块级标签):自定义列表常用于对术语或名词进行解释和描

2022-12-05 18:13:22 89

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除