原文by无悔铭 居中布局 水平居中 1）使用display:inline-block+text-align:center（display问题）（1）原理、用法 原理：先将子框由块级元素改变为行内块元素，再通过设置行内块元素居中以达到水平居中。 用法：对子框设置display:inline-block ...
分类：
Web程序 时间：
2018-04-02 18:08:52
阅读次数：
261
1 HTML 区块元素: 大多数 HTML 元素被定义为块级元素或内联元素。 1.1 块级元素实例: <div> <h1>, <p>, <ul>, <table> 块级元素的特点: 独占一行,可设置宽高 1.2 行级元素实例 :<span> <a> 行级元素特点:一行可排布多个,不可设置宽高. 1. ...
分类：
Web程序 时间：
2018-04-02 11:10:36
阅读次数：
282
margin折叠规则两个或多个毗邻的普通流中的块元素垂直方向上的margin会折叠浮动元素/inline-block的元素/绝对定位元素的margin不会和垂直方向上的其他元素的margin折叠 创建了块级格式化内容的元素，不和它的子元素发生margin折叠 元素自身的margin-bottom和m... ...
分类：
其他好文 时间：
2018-03-23 14:11:38
阅读次数：
168
网页布局 1.display的特性 display：inline 块元素变为行内元素 2.float属性 清除浮动clear 解决父级边框塌陷的问题 1.第一种方法 2.第二种方法 3.第三种方法 overflow属性 注：auto与scroll的区别是，auto无横向移动条 4.父级添加伪类aft ...
分类：
其他好文 时间：
2018-03-18 22:27:22
阅读次数：
223
IE8.0及以下不支持html5，css3的解析。目前为止IE8以下的版本使用率在10%左右，网站还是有必要兼容的。 1，在你的所有css最后判断引入两个js文件。 html5.js 是用来让ie8浏览器能将h5标签转化为块元素 respond.js 是让ie8支持css3的js 2，html5.j ...
分类：
Web程序 时间：
2018-03-16 18:43:38
阅读次数：
1052
1.内联元素和块元素 内联元素：p、 div、 h1~h6 块级元素：span、a 区别：内联元素占空间全部宽度，自动换行； 块元素必须首先设置其相应的宽度，不会自动换行。 2.两者的相互转换 a.diaplay:inline; 内联元素转化为块元素，即将p元素设置占同一行，中间不显示换行。 代码如 ...
分类：
其他好文 时间：
2018-03-16 13:31:29
阅读次数：
200
今天来整理一下做网页遇到的问题吧 1.插入背景图片并使图片居于div底部充满整个行。 属性： background-position：背景位置属性用于设置背景图像的位置，这个属性只能应用于块级元素和替换元素。其中替换元素包括img、input、textarea、select。 语法取值有两种：长度和 ...
分类：
Web程序 时间：
2018-03-16 00:25:10
阅读次数：
262
先来看两个overflow:hidden的使用例子 1、嵌套布局内部块元素设置float:left时，导致外部元素塌方，高度为0的问题。 通过去掉wrap CSS中的overflow: hidden;的注释，显示效果如下： 2、左右布局DIV，左侧DIV设置为float: left， 当右侧DIV高 ...
分类：
其他好文 时间：
2018-03-14 21:10:46
阅读次数：
246
body内常用标签 效果： div标签和span标签 div标签用来定义一个块级元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现。 span标签用来定义内联（行内）元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现。 块级元素与行内元素的区别： 所谓块元素，是以另起一行开始渲染的元 ...
分类：
Web程序 时间：
2018-03-13 01:10:57
阅读次数：
253
## 0. 前言 比较基础的图标加载：<img src="x.png">和块元素的背景background: url(./x.png). 页面多图标时，使用雪碧图（多个png压缩成一个png，定位来使用），减少图片所占空间。 大屏显示，为保证图标清晰度，可以使用svg格式的图片。svg是矢量图，直接 ...
分类：
Web程序 时间：
2018-03-10 15:58:17
阅读次数：
182
