最近被css的定位要搞疯了。。。下面我总结一下最近学习东西。先介绍几个概念：块框：div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”。行内框：与之相反，span 和 strong 等元素称为“行内元素”，这是因为它们的内容显示在行中，即“行内框”。行框：由一行形...
分类：
Web程序 时间：
2014-09-17 11:35:52
阅读次数：
300
1. 水平居中如果是inline元素：在父元素上面设置text-align:center;如果是block元素：设置宽度和margin:0 auto;如果是多块级元素：在父元素上面设置text-align:center;所有的子元素上面设置display:inline-block;2.垂直居中相对于...
分类：
Web程序 时间：
2014-09-16 15:35:40
阅读次数：
186
使用 text-indent 属性，元素首行缩进。一般来说，适用于所有的块级元素，但无法适用于行内元素和类似于图片这样的元素。可以用%、固定值和负值、继承（使用此值，父元素最好要padding相应值）。使用text-align属性，会影响一个元素中的文本行互相之间的对齐方式。（块级和表元素居中要使用...
分类：
Web程序 时间：
2014-09-13 22:41:26
阅读次数：
229
导航菜单nav： 1.使用列表标签 2.使用浮动布局float 3.使用超链接标签：要使用标签的margin外边距，需要让标签成为一个块级元素，添加display：block属性 标签代码 logo ...
分类：
Web程序 时间：
2014-09-09 22:54:39
阅读次数：
230
如果想把多个块级元素放到同一行上，同学们首先想到的是浮动，但是就仅仅独此一种吗，答案不是的。这里小强老师总结了5种布局方式，希望对大家有所帮助。第一种方法：浮动法这种方法是最简单的，也是我们初学css必须掌握的技能，就是把li浮动起来就好了。代码如下： Document ...
分类：
Web程序 时间：
2014-09-09 18:12:49
阅读次数：
253
水平居中：内联元素：text-align:center;相对于父级居中显示块级元素：margin:0 auto;但是需要同时width，否则无法看到效果多个块级元素居中：在此想要探讨一下display:inline-block;和display:flex;方法1：在父级上设置text-align:c...
分类：
Web程序 时间：
2014-09-09 10:52:48
阅读次数：
260
1 元素分类HTML中的标签元素大体被分为三种不同类型：块状元素，内联元素和内联块状元素常见的块状元素有：,,...,,,,,,,常见的内联元素有：,,,,,,,,,,常用的内联块状元素有：,2 元素分类-块级元素块级元素特点 ：1.每个块级元素都是从新的一行开始，并且其后的元素也另起一行。（一个块...
分类：
Web程序 时间：
2014-09-03 16:46:56
阅读次数：
284
盒子模型在CSS中是个很重要的概念。它是CSS可视化格式化系统的基石。盒子模型可以用于元素定位和网页布局。根据CSS盒子模型的规定，每个元素（不管是内嵌元素还是块级元素）都会产生一个矩形盒子围绕在元素内容之外。这个盒子我们称之为元素盒。当然还有其他盒子，这里我们主要说说元素盒。下面是一张盒子模型的示...
分类：
Web程序 时间：
2014-08-31 22:52:41
阅读次数：
369
display:inline; 内联元素，简单来说就是在同一行显示。display:block; 块级元素，简单来说就是就是有换行，会换到第二行。display:inline-block; 就是在同一行内的块级元素。说概念太模糊，来个真实案例吧。链接一</a>链接一</a>A默认就是一行...
分类：
其他好文 时间：
2014-08-31 18:33:11
阅读次数：
165
写样式时遇到的英文字符超出容器问题，度娘后了解下列知识，与大家分享，同时以便自己日后回顾。一、自动换行问题正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大。下面介绍的是CSS如何实现换行的方法对于div,p等块级元素正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的 white-s...
分类：
Web程序 时间：
2014-08-29 14:34:27
阅读次数：
201
