<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>float浮动定位</title> <style> div{ width:100px; height:100px; border:1px #000000 soli ...
分类：
其他好文 时间：
2017-07-14 14:50:52
阅读次数：
125
问题如图片一，还原设计图时，出现空隙 解决方案：思路，div和img去掉border，然后对应的边距都设置为0，图片设置为块级元素，会自动沾满div的空间。 解决后的效果图 解决方案二和三(在块级元素上设置font-size:0 或者 使用line-height：0) ...
分类：
其他好文 时间：
2017-07-13 19:08:39
阅读次数：
92
总体概念 常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。 常见的内联元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等。 block，inline和inl ...
分类：
其他好文 时间：
2017-07-13 18:58:23
阅读次数：
113
CSS样式基础了解1.css基础语法CSS样式的出现是为了将内容和表现分离极大的提高了工作效率内联样式（在 HTML 元素内部）<p style="margin-left: 10px；margin-right:10px"></p><标签名 style="属性:属性值;属性:属性值;" 属性="属性值 ...
分类：
Web程序 时间：
2017-07-13 01:04:03
阅读次数：
186
1. text-indent属性 缩进文本 通过使用 text-indent 属性，所有元素的第一行都可以缩进一个给定的长度，甚至该长度可以是负值。这个属性最常见的用途是将段落的首行缩进，一般来说，可以为所有块级元素应用 text-indent，但无法将该属性应用于行内元素，图像之类的替换元素上也无 ...
分类：
Web程序 时间：
2017-07-12 11:07:31
阅读次数：
251
块级元素：始终占居一行 行内元素：与块级元素相反 块级元素盒子会扩展到与父元素同宽，因此块级元素会占居一行。所有块级元素的父元素都是 body，块级元素的宽度也和浏览器的视口（viewport）一样宽， 这样以来，一个块级元素旁边也就没有空间来容纳另一个块级元素了。 行内元素尽量收缩包裹其内容，因此 ...
分类：
其他好文 时间：
2017-07-11 15:59:22
阅读次数：
127
出处：杨元 http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html 教程开始： 首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页面中一行可以容下di ...
分类：
其他好文 时间：
2017-07-11 11:13:32
阅读次数：
174
前言：不要小看这些小知识，很多错误都是由于没有掌握小知识点导致的 小知识 1、定位的盒子比浮动的盒子层级高 2、浮动的盒子遮挡不住标准流的文字 3、块级元素的宽 可以继承 4、A标签的文字属性不能继承 5、谷歌不支持12号以下的字体 6、div:hover a{}；鼠标放在div区域后，对于里面的a ...
分类：
其他好文 时间：
2017-07-06 20:54:16
阅读次数：
182
下面是一些比较常用的居中方法。 水平居中 1.行内元素：自身 text-align:center。 2.行内块元素：父亲 text-align:center。 3.块级元素：自身 margin:0 auto。 垂直居中 1.单行文本：line-height 和父亲的 height 一致。 2.多行文 ...
分类：
其他好文 时间：
2017-07-06 10:16:40
阅读次数：
127
最近在工作项目中接触到Web界面设计的问题，要实现文字两端对齐的效果。在网上搜索了一下，差不多都是用的都是类似的技巧： 后来，终于在StackOverflow上找到解决方法了。 样式： HTML： 效果图： 从效果图可以看到，除了要在块级元素加text-align:justify样式外，还需要在里面 ...
分类：
Web程序 时间：
2017-07-05 18:53:17
阅读次数：
177
