HTML:5
关注
分享
扫一扫
提拉米苏-杨
这个作者很懒，什么都没留下…
展开
-
ifrem标签运用
ifrem在html中实现不用js的辅助也能实现一个浏览器窗口出现两个视图窗口。 <iframeset> <iframe class="left" src="tabbar.html" frameborder="0" height="100%" scrolling="0"></iframe> <iframe class="righ...原创 2019-11-14 22:01:01 · 1628 阅读 · 0 评论 -
浮动；清除浮动
在写网页中 会经常用到浮动排版 一般用完浮动就要清除浮动 如果不清除浮动 会导致父元素塌陷 以下是清除浮动的两种方式伪类清除方式.learFloatc::after{ content: ''; display: block; clear: both; 解决浏览器兼容问题 visibility: hidden;...原创 2019-11-11 10:57:46 · 178 阅读 · 0 评论 -
HTML样式隐藏
隐藏css代码块.box{ width: 100px; height: 100px; background-color: red; } /* 隐藏元素 */ .hidden{ /* 样式隐瞒 还占据位置 */ visibility: hidden; /* 整个子元素隐藏 不占...原创 2019-11-11 10:49:05 · 1757 阅读 · 0 评论 -
IE兼容补丁
前些天无疑中在网上看到一个关于IE兼容的语法 <!--[if IE]> <p class='test'>你在非IE中将看不到我的身影</p> <div class="box"></div><![endif]--><!-- 如果是IE 浏览器才能解析以下样式 --> <!...原创 2019-11-11 09:44:32 · 693 阅读 · 0 评论 -
关于写组件库的心得
一：前端工作中组件库对工作的帮助非常大，在我的理解中，组件不仅会用，还会看，在前段时间我仿这bootstrap的组件库自己写了一个组件，在写组件的过程中，我收获了很多，不仅命名更加规范，还要想到以后有人用组件库时能遇到什么样的问题，方方面面都要兼顾到，以免在使用的过程中遇到问题。。更好地改变了我敲代码的逻辑。。...原创 2019-11-09 11:58:51 · 298 阅读 · 0 评论 -
HTML 三大特点分类
块元素1： 默认宽度是占据文本标签的内容的全部 独占一行 也就是width:100%2: 可以设置宽和高3：块元素会独立占据一行，不会和其他样式同行块元素标签代表htnl body main div section nav footer行元素1：默认的宽高由内容决定2：不可以直接设置宽高3：子元素在父元素中排列方式从左往右依次排列直到排满为止才换行4：内容过多时允许断开并...原创 2019-10-29 21:06:00 · 319 阅读 · 0 评论 -
如何在HTML5 title标签中插入图片
title中如何插入图片<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...原创 2019-10-29 20:48:00 · 18968 阅读 · 1 评论 -
HTML:5页面顶宽居中
顶宽居中：只有块元素：才能实现这样效果子元素在父容器中：水平方向居中；1：给当前元素设置固定宽度2：让当前元素左右外边距自动 html,body{ height: 100%; } .box{ width: 200px; height: 200px; border: 2px solid red...原创 2019-10-21 19:33:07 · 506 阅读 · 0 评论 -
搜索图标css实现
搜索图标实现思路：目的：一个元素实现搜索图标样式1：使用当前元素 实现【一个圈】2：给当前元素添加【伪元素】2.1 给微元素添加边框属性、2.2 给伪元素设置宽度和高度2.3 使用位移：position 旋转 与【圆圈】重合 #示例代码.icon { display: inline-block; } .icon-s...原创 2019-10-21 19:30:19 · 1074 阅读 · 0 评论 -
弯转箭头实现
弯转箭头实现方式1：用html设置为等腰直角三角形2：给元素添加伪类选择器；2.1设置上边框宽度；设置容器宽度和高度，最后通过圆角弧度；使线变弯曲————> 为了让边框有长度 所以设置 宽度————> 为了让边框有弧度 所以设置 高度2.2通过位置移动 position 再旋转transform 将 曲线与三角形结合#代码示例.icon{display: inlin...原创 2019-10-21 19:24:55 · 686 阅读 · 0 评论 -
相对定位；绝对定位
相对定位相对自身位置进行定位： 定位后：元素脱离文档流：原来的位置没有被其他元素所占据 元素特点没有发生变化 top：移动后的位置距离起始位置 上面多远 （往下移动） left：移动后的位置距离起始位置 左边多远 （往右移动） right：移动后的位置距离起始位置 右边多远 （往左移动） bottom：移动后的位置距离起始位置 下面...原创 2019-10-21 19:14:03 · 165 阅读 · 0 评论 -
弹性布局使用方式
弹性布局使用方式兼容性：适合使用手机端；pc 直接放弃（原因项目需要兼容所有浏览器 ie10 以上可以考虑）重点：微信；微信小程序；各个小程序；优先弹性布局那使用规则：1：找到父容器：给父容器这是display:flex2: 一旦容器变为flex布局；主轴 与 交叉轴 就会存在（你用或者不用它都在那里）3：确定主轴方向；flex-direction 默认水平方向 从左往右----...原创 2019-10-19 17:25:44 · 345 阅读 · 0 评论