前端
关注
分享
扫一扫
文章平均质量分 62
zlzzlloo
一个不甘落后的静静
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端transform属性
Transform属性应用于元素的2D或3D转换。这个属性允许你将元素 旋转 rotate();缩放 scale();移动 skew();倾斜 translate()等。旋转rotate()transform:rotate(旋转的角度);transform:rotateX(沿X轴旋转的角度);transform: rotateY(沿Y轴旋转的角度);缩放scale()transform: scale(沿X轴放大的倍数, 沿Y轴放大的倍数);transform: scaleX(沿X轴放大的原创 2021-10-09 20:58:18 · 2207 阅读 · 0 评论 -
用伪元素画横线，并使用一个盒子覆盖一部分
效果代码及解释不要直接copy代码，里面的注释会使程序运行错误，要删掉注释才能运行<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css"> .before{ position:rel原创 2021-10-03 18:26:24 · 507 阅读 · 0 评论 -
JS:DOM事件处理
同一个事件处理程序不可能绑定多个函数的，绑定多个的话会被覆盖掉而addEventListener('mouseout',Show,false);可以设置多个函数，第一个参数是事件处理名称，第二个是函数名，第三个是否捕获时处理函数，不是冒泡是处理例子：一个按钮两个事件<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d原创 2021-09-03 10:32:48 · 156 阅读 · 0 评论 -
JS：BOM和DOM
window对象代表浏览器窗口本身，该对象包含的属性和方法被统称为BOM例题：打开广告窗口<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>打开新网页</title> </head><body><input type="butt原创 2021-09-01 18:13:41 · 129 阅读 · 0 评论 -
JS:自定义对象及表格操作
自定义对象的创建<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>自定义对象的创建</title> <style type="text/css"></style></head><body><script原创 2021-08-30 09:18:56 · 357 阅读 · 0 评论 -
bootstrap 怎么下载并引用elegant_font图标
一：下载elegant_font图标地址：https://www.elegantthemes.com/blog/resources/elegant-icon-font下载后解压，解压后是有三个文件的，把那个HTML CSS文件夹拉到你的项目里即可二：引用在你的代码中引用它：（根据的路径稍微修改）<link rel="stylesheet" href="../HTML CSS/style.css">选择好你要用的图标（例如icon_pencil）后这样使用：<span ari原创 2021-08-29 11:10:05 · 557 阅读 · 0 评论 -
JS例子：表单的严谨验证（bootstrap布局）
表单的严谨验证<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0" /><link rel="stylesheet" href="../css/bootstrap.min.css"><script src="../jquery-1.12原创 2021-08-27 18:56:28 · 142 阅读 · 0 评论 -
JS例子：十一个数选五个
方法一：使用Math.Random随机产生五个1-11之间的数，使用push追加到空的数组里join(separator)参数描述separator可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为数组的数据之间的分隔符任意十一个数随机生成五个<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">原创 2021-08-27 18:53:09 · 831 阅读 · 0 评论 -
JS例子：随机点名，标题栏滚动显示效果，用js实现表单常用属性，前面下拉框后面文本框
random() 返回介于0(包含）到1（不包含）一个随机数:Math.random()*10取得介于0到10（不包含）之间的一个随机数floor(x)方法 返回小于等于x的最大整数。setTimeout()方法 用于在指定的毫秒数后调用函数或计算表达式clearTimeout()方法 可取消由setTimeout()方法设置的timeouto参数必须是由setTimeout()返回的ID值.随机点名...原创 2021-08-25 09:08:45 · 413 阅读 · 0 评论 -
JS例子，轮播图, 猜数字小游戏，运行的时钟
轮播图<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; chars原创 2021-08-23 11:35:41 · 143 阅读 · 0 评论 -
复习CSS
CSS写在哪？css层叠次序可以通过多条标签在同一个HTML文档内部引用多个外部样式表。当同一个HTML元素被不止一个样式定义时，会使用哪个样式呢?即样式发生冲突时，多重样式将层叠为一个。优先级：内联样式>内部样式表>外部样式表>浏览器缺省设置选择器元素选择器id选择器类选择器字体文本背景属性一. 字体二. 文本在这里插入图片描述设置颜色字母间隔单词间隔设置英文大小写三. 背景边框、边距边框表格和原创 2021-07-30 16:27:35 · 96 阅读 · 0 评论 -
复习前端Html
表格列表无序列表实例：有序列表实例：定义列表实例：3. 超链接原创 2021-07-11 11:33:33 · 85 阅读 · 0 评论 -
用CSS写的一些div盒子用了一些选择器
刚刚学习CSS，就会一点点代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-T原创 2021-03-25 19:54:44 · 102 阅读 · 0 评论 -
我的第一个注册页面
其实不用空格控制对齐方式也可以，可以把表单中放一个表格标签文本不换行代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta原创 2021-03-26 11:53:24 · 108 阅读 · 0 评论 -
制作活动通知页面
看着课本做的，也不能说没有收获吧，发现一个挺好用的属性设置就是white-space属性吧，他有个属性值pre，这个就可以将你写的格式给原封不动的弄到页面上，就是保留空格、空行、原样显示代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.原创 2021-03-28 11:23:22 · 3061 阅读 · 1 评论 -
把几个div设置成一行
先弄一个大的div,再弄几个小的div，想设置div之间的距离用margin设置关键代码：1.创建一个大div 代码如下： #main {float:left;border:1px width:100%; }2.创建一个左边小div 代码如下：#left{float:left;border:1px width:40%; }3.创建一个右边小div 代码如下：#right {float:left;border:1px width:40%;}自己练的div并列代码（前面几行没有用，是我练的其他代码原创 2021-04-09 20:20:11 · 843 阅读 · 0 评论