HTML
关注
分享
扫一扫
html相关
huzhenv5
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css —— inline、block、inline-block特性总结
笔者做web前端已经做了很长时间了，常用的display属性就是inline、block和inline-block，对于他们的特性和区别有一个大概的了解，但是并不全面。今天笔者写这篇文章再来重新认识一下这三者和这三者之间的区别，再对平常使用过程中常常碰到的问题做个回顾和总结。特性inline：使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行不能更改元素的...原创 2020-03-24 16:24:05 · 1411 阅读 · 0 评论 -
如何在html页面中展示html源码
1，<input>输入框是可以展示html源码的，如下：<input value="<script>alert(1)</script>">展示的结果为：2，<textarea>文本输入框是可以展示html源码的，如下：<textarea> <script>console.log(12)<...原创 2020-03-05 22:18:11 · 6904 阅读 · 0 评论 -
css垂直居中方式总结
文章目录通过relative通过relative这种方法的思路是，使用relative将元素相对父元素下移50%，在通过transform使元素相对自身上移50%，这样元素就处在父元素的正中间了，示意图：实例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2020-03-23 11:23:32 · 210 阅读 · 0 评论 -
css —— 文档流，position详解
文章目录一些基本概念文档流position简介一些基本概念在讲position属性之前，我们先要了解一些基本概念，有助于我们深入理解position的每个值的特点文档流我们来看看什么是文档流(normal flow)，下面是 www.w3.org 的描述：Normal flowBoxes in the normal flow belong to a formatting contex...原创 2020-03-21 22:06:37 · 1226 阅读 · 0 评论 -
CSS之浮动布局（float，浮动原理，清除/闭合浮动方法）
1.什么是浮动：在我们布局的时用到的一种技术，能够方便我们进行布局，通过让元素浮动，我们可以使元素在水平上左右移动，再通过margin属性调整位置2.浮动的原理：使当前元素脱离普通流，相当于浮动起来一样，浮动的框可以左右移动，直至它的外边缘遇到包含框或者另一个浮动框的边缘3.浮动的生成：使用css属性float：left/right/none 左浮动/右浮动/不浮动（默认）4.浮动的影响：...转载 2020-03-19 19:26:43 · 198 阅读 · 0 评论 -
DOM跨域的三种解决方案：document.domain、window.name、window.postMessage
文章目录同域访问document.domain相同二级域名之间的跨域相同域名，不同端口之间的跨域window.namewindow.postMessage同域访问浏览本篇文章之前，需要了解什么是跨域，就需要了解浏览器的同源策略，简单来说就是协议,域名,端口，这三者都一样才称之为同源，详细的浏览器同源策略可以浏览文章：浏览器的同源策略同域的不同页面之间通信可通过自定义事件和监听事件的方式实现，...原创 2020-03-15 23:21:15 · 10313 阅读 · 0 评论