_023_HTML
关注
分享
扫一扫
VeryHotLight
技术在于交流和分享，我的博客可以转载。
另外，我也转载了很多比较好的帖子。
如果作者有异议，请联系删除！
我的一些帖子可能存在错误与缺点，文档写得很烂（写不好），希望大家包容。
希望我的帖子能够帮助需要帮助的人。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
_001_Html元素分类
元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<原创 2018-04-22 11:19:17 · 179 阅读 · 0 评论 -
_012_Html_深入理解 CSS 中的行高与基线
转自https://www.cnblogs.com/qiangspecial/p/4126842.html，感谢作者的无私分享。 1、基本概念 1. 基线、底线、顶线、中线 注意：基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。2. 内容区 内容区是指底线和顶线包裹的区域（行内元素display：inline可以通过background-color...转载 2018-10-14 14:22:48 · 884 阅读 · 0 评论 -
_011_HTML_三个div 两边固定大小中间自动大小
1、文本流： 2、float和绝对定位都不占文本流的位置 3、普通流是默认定位方式，就是依次按照文本流的位置顺序布局。 4、相对定位可以看作特殊的普通流定位。相对定位的元素是相对自己本身的位置（在普通流中）进行定位。 5、position的absolute属性绝对定位：生成绝对定位的元素，相对于 static 定位以外的第一个祖先元素进行定位。 6、position中的fix属性是相对浏...转载 2018-10-12 20:13:21 · 361 阅读 · 0 评论 -
_010_Html_html5的float属性超详解（display，position， float）（文本流）
转自https://www.cnblogs.com/Renyi-Fan/p/9077799.html#_labelTop，感谢作者的无私分享。 一、总结 1、文本流： 2、float和绝对定位都不占文本流的位置 3、普通流是默认定位方式，就是依次按照文本流的位置顺序布局。 4、相对定位可以看作特殊的普通流定位。相对定位的元素是相对自己本身的位置（在普通流中）进行定位。 5、positi...转载 2018-10-12 20:05:39 · 216 阅读 · 0 评论 -
_009_HTML_限制input 输入框只能输入数字字符（不包括小数点）
来自https://blog.youkuaiyun.com/w6990548/article/details/79388905#commentsedit，感谢作者的无私分享。 在输入框输入任何非数字内容，都会自动退格并清除！ 核心代码: onKeyUp=”value=value.replace(/[^\d]/g,”)” 示例代码 <!DOCTYPE html> <html l...转载 2018-07-26 11:41:59 · 657 阅读 · 0 评论 -
_008_HTML_Html如何设置元素水平居中
来自https://jingyan.baidu.com/article/3c343ff7f22c930d377963b5.html，感谢作者的无私分享。 网页中元素如何设为水平居中，其中水平居中又针对不同元素，居中的方式不同。如果设置元素为文本、图片等内联元素（又称行内元素）时，水平居中是通过给父元素设置 text-align:center 来实现的；如果设置元素是块状元素，此时块状又分为定宽块...转载 2018-07-26 11:36:48 · 226 阅读 · 0 评论 -
_007_html_HTML中button和input type=button 的区别
来自于https://blog.youkuaiyun.com/lee_sire/article/details/50312301，感谢作者的无私分享。 一、定义和用法<button> 标签定义的是一个按钮。在 button 元素内部，可以放置文本或图像。这是<button>与使用 input 元素创建的按钮的不同之处。二者相比较， <button&g...转载 2018-06-13 18:00:52 · 199 阅读 · 0 评论 -
_006_Html禁止页面缓存
在html页头设置不缓存 方法一：在<head>标签里增加如下meta标签。<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=8"> <meta http转载 2018-05-21 20:02:12 · 162 阅读 · 0 评论 -
_005_垂直居中-父元素高度确定的单行文本
垂直居中-父元素高度确定的单行文本我们在实际工作中也会遇到需要设置垂直居中的场景，比如好多报纸的文章标题在左右一侧时，常常会设置为垂直居中，为了用户体验性好。这里我们又得分两种情况：父元素高度确定的单行文本，以及父元素高度确定的多行文本。本节我们先来看第一种父元素高度确定的单行文本, 怎么设置它为垂直居中呢？父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-h...原创 2018-04-22 16:15:28 · 168 阅读 · 0 评论 -
_004_水平居中总结-不定宽块状元素方法
水平居中总结-不定宽块状元素方法（一）在实际工作中我们会遇到需要为“不定宽度的块状元素”设置居中，比如网页上的分页导航，因为分页的数量是不确定的，所以我们不能通过设置宽度来限制它的弹性。(不定宽块状元素：块状元素的宽度width不固定。)不定宽度的块状元素有三种方法居中（这三种方法目前使用的都很多）：1. 加入 table 标签2. 设置 display:inline 方法：与第一...原创 2018-04-22 12:21:02 · 155 阅读 · 0 评论 -
_003_长度值
长度值长度单位总结一下，目前比较常用到px（像素）、em、% 百分比，要注意其实这三种单位都是相对单位。1、像素像素为什么是相对单位呢？因为像素指的是显示器上的小点（CSS规范中假设“90像素=1英寸”）。实际情况是浏览器会使用显示器的实际像素值有关，在目前大多数的设计者都倾向于使用像素（px）作为单位。2、em就是本元素给定字体的 font-size 值，如果元素的 font-size 为 14...原创 2018-04-22 12:02:39 · 181 阅读 · 0 评论 -
_002_CSS布局模型
css布局模型清楚了CSS 盒模型的基本概念、 盒模型类型， 我们就可以深入探讨网页布局的基本模型了。布局模型与盒模型一样都是 CSS 最基本、 最核心的概念。 但布局模型是建立在盒模型基础之上，又不同于我们常说的CSS 布局样式或 CSS 布局模板。如果说布局模型是本，那么CSS 布局模板就是末了，是外在的表现形式。 CSS包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Floa...原创 2018-04-22 12:01:58 · 130 阅读 · 0 评论 -
_015_Android_RelativeLayout
转自https://www.cnblogs.com/liter7/p/5178674.html，感谢作者的无私分享。 Android布局之相对布局——RelativeLayout 此博文主要是相对布局xml属性的解析及实例。 android:layout_above:此控件底部的边缘位于设定ID控件的上方 <Button android:id="@+i...转载 2018-10-14 14:33:43 · 122 阅读 · 0 评论