- 博客(20)
- 收藏
- 关注
原创 js随机点名
Math.floor()向下取整,Math.random()随机数0~1, function getRandom(min,max){ return Math.floor(Math.random()*(max-min+1))+min }可以获取随机整数setInterval(function() { },interave)间隔定时器settimeout(function() { },interave)倒计时定时器
2022-12-06 20:24:08 215 1
原创 css表格,表单标签
label标签的for属性值和表单的id属性值一样时 可以让用户点击label标签时自动获得表单 的 焦点。action向何处发送表单数据,method 获取数据的方式 post是隐性的 get是显性的数据在地址栏能被看到。/* 合并单元格间距 */ 用来做细线表格。colspan是左右方向单元格的合并。tr是行标签 th是表头标签。rowspan是上下方向的单元格合并。required必填项。
2022-10-27 15:21:53 697
原创 css定位
一般情况,如果给元素开启一个绝对定位,同时也会给其父元素开一个相对定位。3、开启绝对定位后,如果希望元素的位置发生变化,依然需要设置偏移量。2、如果有定位的时候,包含块就是离元素最近的开启了定位的祖先元素,如果没有其祖先元素都没有开启定位,其包含块就是html根标签,1、开启相对定位,如果没有设置偏移量,元素的位置是不发生变化。2、相对定位的原点是元素原本在文档流中位置。2、开启绝对定位后,元素的性质会发生变化。4、开启相对定位, 元素不会脱离文档流,1、没有定位的时候,包含块就是其父元素。
2022-10-20 20:13:39 116
原创 12,css盒子模型
hidden visible 默认 元素不在页面中显示(隐藏一个元素),位置依然保留。inline-block 行内块块元素(即可以设置宽高,又不会独占一行)外边距 垂直方向不能设置外边距,水平方向可以设置,而且水平方向外边距不会重叠。none 元素不在页面中显示(隐藏一个元素)内边距 可以设置,但垂直方向不会改变页面的布局,也就是不会挤别人。删除了元素,元素位置不保留。边框 可以设置,但垂直方向不会改变页面的布局,不会挤别人。用来设置元素的阴影效果,不会影响到页面布局。
2022-10-18 19:24:35 65
原创 12,垂直外边距的重叠
1、不用margin-top,给父元素用padding-top,同时减小父元素的高度。父子外边距重叠,它会影响页面其他元素,所以必须要调整。一般是有利,所以不用做特殊调整。总结:兄弟元素的外边距重叠,对我们开发来讲,3、开启元素的BFC(隐含属性)如果两个都是负值,绝对值谁大听谁的。如果一正一负,两者相加,听最终结果。如果两个都是正值,谁大听谁的。2、在父子之间用边框隔开。
2022-10-17 19:29:27 76
原创 11,.水平布局.
margin-left、margin-right 为auto margin-left、margin-right各占一半,把元素挤到中间。2、水平方向7个值当中,有三个值可以被设置为auto,width、margin-left、margin-right。width、margin-left、margin-right都为auto,调整的是width。width、margin-right 为auto 调整的是width。width、margin-left 为auto 调整的是width。
2022-10-14 21:20:52 83
原创 9,css表单标签
A.属性type定义输入框的类型a)文本框 type="text“密码框type="password"b)提交框type=" submit和提交按钮一样c)按钮框type="button”单纯的按钮d)重置框type= "reset”清空的效果B.属性placeholder描述输入字段预期值的简短的提示信息。兼容到FR以上C.属性name必须
2022-10-13 16:28:47 100
原创 8,css宽高自适应
在css中,页面的布局有很多是能够根据窗口的大小来调整的,做这种页面就需要宽高自适应来做。宽高自适应在导航以及经典的三栏布局和二栏布局中常见。
2022-10-12 19:35:12 964
原创 7,css中三角型案例
当我们点盒子的边框设置四个不同颜色时,我们会发现,盒子的四个角区域会被两边的颜色平分,如果盒子的宽度为零,边框足够大,则此时四个边的颜色,会将边框分成四个三角形。在许多页面导航栏中,会有一个三角形的图标,这种图标不是用图片做的,而是用border做出来的,
2022-10-11 16:50:26 67
原创 5,css选择器补充
属性名^=属性值]{} 选择属性值以指定值开头的元素。[属性名=属性值]{} 选择含有指定属性和属性值的元素。[属性名$=属性值]{} 选择属性值以指定值结尾的元素。[属性名*=属性值]{} 选择属性值含有某值的元素。语法:[属性名]{} 选择含有指定属性的元素。
2022-10-09 15:46:52 63
原创 三,css浮动与清除浮动
所谓高度塌陷是指当某个父元素没有设置高度时,完全由子元素内容决定高度。而当此元素设置浮动属性时。父元素高度为零。称为高度塌陷
2022-09-29 15:29:34 114 1
原创 二,利用背景属性做视差效果案例
当属性值为fixed时,此时背景不再相对于盒子,而是相对于整个浏览器的视窗口。因此,可以利用该属性强多个背景设为相同值来实现视觉差效果
2022-09-28 19:59:53 171 1
原创 一、css样式(内部样式,外部样式,行内样式)
每张 HTML 页面必须在 head 部分的 元素内包含对外部样式表文件的引用。内部样式是在 head 部分的 元素中进行定义。虽然内部样式优先级较高,但在实际操作中还是以外部样式为主,一方面是更简洁,另一方面使用内部样式时某些浏览器会先加载主体内容在加载样式,会出现闪烁现象,尤其是当网速较慢时会更明显。行内样式(也称内联样式)可用于为单个元素应用唯一的样式。如果三个样式同时作用一个元素上(注意是同一个元素)行内元素优先级最大,内部样式大于外部样式,简单而言就近原则。
2022-09-27 17:25:03 2108 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人