关于浮动,原本是用于方便文字围绕图片。但后来发现它在布局发挥的作用更大 浮动元素对布局的影响 把一个元素设置成浮动元素,无论它是什么元素,浮动元素会变成块级元素,它会从文档的正常流删除,还会影响布局。 首先来看浮动元素后面跟随着行内元素 一个浮动元素,一个行内元素 我们把行内元素的左外边距设置成 - ...
分类:
其他好文 时间:
2018-01-14 22:39:13
阅读次数:
223
在平时写网页样式的时候,元素居中应该是最常见不过的了,在这里我们把常见居中的情况简单总结一下。本文讨论以下几种情况:内联元素、块级元素、浮动元素、绝对定位元素。居中的情况分两种情况:水平居中和垂直居中。刚接触到居中,我想到的是两个方向,一是使元素内部的所有元素相对于此元素居中,另一个是元素在其他元素 ...
分类:
其他好文 时间:
2018-01-12 01:33:24
阅读次数:
1606
在刚接触CSS的时候,每次给元素添加样式,都习惯性的写上宽是多少,高是多少,为自己挖坑无数,还暗自抱怨说CSS好烦,不过它真的是好烦,脾气很怪。 好,言归正传。在讨论元素的宽高是如何确定的之前,我们先明确一下文档流的概念:对于内联元素,是从左到右排列的,当宽度不够时换行;对于块级元素,是从上到下排列 ...
分类:
其他好文 时间:
2018-01-11 20:42:33
阅读次数:
133
会被解析成 即p标签里不能再嵌套块级元素,只能嵌套内联元素, <h1>,<h2>,<h3>,<h4>,<h5>,<h6>,<dt>也是。 ...
分类:
其他好文 时间:
2018-01-11 19:13:07
阅读次数:
81
div HTML 标签 | ①行内元素(内联元素) | ②块级元素 | ③行内块级元素 块级元素(默认100%宽度(浏览器显示区域),独占一行,垂直排列,里能用行内元素,可以设置宽高): |-->div 没有任何CSS属性(主要用在大框架) |-->p 自带上下外边据 (用在段落) |-->h1-h ...
分类:
Web程序 时间:
2018-01-06 14:19:09
阅读次数:
181
block(块)元素的特点:①总是在新行上开始;②高度,行高以及外边距和内边距都可控制;③宽度缺省是它的容器的100%,除非设定一个宽度。④它可以容纳内联元素和其他块元素 inline元素的特点:①和其他元素都在一行上;②高,行高及外边距和内边距不可改变;③宽度就是它的文字或图片的宽度,不可改变④内 ...
分类:
其他好文 时间:
2018-01-06 14:18:43
阅读次数:
99
想要的效果如下图所示,利用CSS伪类效果 HTML代码如下 CSS代码如下 参考的大神链接:http://blog.csdn.net/baidu_33163851/article/details/51304347 ...
分类:
Web程序 时间:
2018-01-05 15:41:22
阅读次数:
182
一、padding Padding: 包括padding-top, padding-right, padding-bottom, padding-left, 控制块级元素内部, content与border之间的距离 1、语法结构 (1)padding-left:10px; 左内边距 (2)padd ...
分类:
其他好文 时间:
2018-01-04 11:09:23
阅读次数:
136
margin(外边距) 定义:margin是用来隔开元素与元素的间距,发生在元素本身的外部,margin用于布局分开元素使元素与元素互不相干。 提示:margin: top right bottom left;(margin:10px 20px 30px 40px) 它的给值方式为上,右,下,左。 ...
分类:
Web程序 时间:
2018-01-04 00:29:37
阅读次数:
358
块级元素: *独占一行,宽度自动填满; *可以设置width、height属性; *设置了宽度也是独占一行, *可以设置margin、padding属性; 行内元素: *不会独占一行,相邻的行内元素在一行里, 直到行排不下就自动换行 *其宽度随内容而变化; *width、height属性则无效; * ...
分类:
Web程序 时间:
2018-01-03 00:49:46
阅读次数:
193