![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 82
牛牪犇0
这个作者很懒,什么都没留下…
展开
-
纯css实现三角形、菱形、梯形、等效果
需求有这么一个小东西需要实现一下,但是不想直接放一个图片,就随便写了写,,首先实现一个三角形:1.首先,我创建了一个 class 名为 ‘box’ 的div,我们暂且亲切的称它为‘小盒子’html:<div class='box'></div>css:.box { width:20px; height:20px; background-color:blue; }原创 2021-09-10 17:21:37 · 2366 阅读 · 0 评论 -
css缩放(不同屏幕适配) transform属性的scale()方法
在CSS3中,我们可以使用transform属性的scale()方法来实现元素的缩放效果。缩放,指的是“缩小”和“放大”的意思。语法:transform: scaleX(x); / 沿x轴方向缩放/transform: scaleY(y); / 沿y轴方向缩放/transform: scale(); / 同时沿x轴和y轴缩放/说明:跟translate()方法类似,缩放也有3种情况:scaleX()、scaleY()、scale()。参数x表示元素在x轴方向的缩放倍数原创 2021-08-09 17:26:40 · 8926 阅读 · 0 评论 -
页面嵌套iframe(window.postMessage()实现跨域通信)
项目中的需求 需要外接一个iframe与主页面之间需要通信 的情况在iframe 中:在主页面中:window.postMessage() 方法可以安全地实现跨源通信。通常,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议(通常为https),端口号(443为https的默认值),以及主机 (两个页面的模数 Document.domain设置为相同的值) 时,这两个脚本才能相互通信。window.postMessage()方法提供了一种受控机制来规避此限制,只要正确的使用,这种原创 2021-06-18 15:12:35 · 4499 阅读 · 0 评论 -
设置元素居中(前端面试题)
水平居中行内元素设置text-align:center块级元素1.先定义一个宽高,再根据margin的左右移动来居中2.使用绝对定位的四个属性来居中且margin:auto;3.使用绝对定位,然后设置left top的值为50%,在使用transform:translate(-50%,-50%);4.需要剧中的元素设置为display:inline-block;然后其父元素设置为text-aligin:center;5.通过设置浮动6.设置弹性布局display:flex;justi原创 2020-08-03 22:44:49 · 248 阅读 · 0 评论 -
只使用css显示隐藏一个下拉菜单
只用css的hover显示一个下拉菜单<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>下拉菜单</title> <style> *{margin:0px;padding:0px;} a{text-decoration: none;} .one{width:200px;height:40px;background:#转载 2020-08-03 09:38:09 · 1721 阅读 · 0 评论 -
单选按钮如何互斥
在Axure中只需把两个按钮选中设置为一个组合,在HTML表单中只需把name值设为相同就可以原创 2020-07-23 10:54:20 · 1525 阅读 · 0 评论 -
初学者使用HTML简单做一个自我介绍
自我介绍 自我介绍 姓名 乌漆嘛黑 年龄 未知 住址 上海浦东 爱好 ...... 相片 简单介绍 我叫陈某,来自某省市,但我家不住蒙古包,也不骑马上学(为了有趣,加深印象)我从毕业开始到现在一直都在互联网行业工作,上家公司是行内独角兽,自己转正不到2个月就升职加薪,最高管理20人(凸显自己以往经历中比较厉害的地方)我的兴趣爱好是自驾游,去年8月份到年末,基本把北京周边大大小小的景点都转遍了。 !...原创 2020-07-21 21:12:07 · 16338 阅读 · 0 评论