什么是CSS Float? 定义: float 属性定义元素浮动到左侧或右侧。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级元素,而不论它本身是何种元素。元素对象设置了float属性之后,它将不再独自占据一行。浮动块可以向左或向右移动,
分类:
Web程序 时间:
2016-03-01 14:35:41
阅读次数:
478
对于div,p等块级元素:正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义css#wrap{white-space:normal;
分类:
其他好文 时间:
2016-02-26 16:48:56
阅读次数:
117
#main{
width:600px;
margin:0auto;
}
设置块级元素的width可以阻止它从左到右撑满容器。然后你就可以设置左右外边距为auto来使其水平居中。元素会占据你所指定的宽度,然后剩余的宽度会一分为二成为左右外边距。
唯一的问题是,当浏览器窗口比元素的宽度还要窄时,浏览器会..
分类:
其他好文 时间:
2016-02-26 07:04:18
阅读次数:
145
要用到的基本术语和概念: 替换元素:用作为其他内容占位符的一个元素,或说替换元素内容的部分并非由文档内容直接表示。比如img元素它由文档本身之外的一个图像来替换,比如input元素要由一个单选按钮,复选框,文本输入框等替换。替换元素多为行级元素,行级替换元素可以像块级元素一样设置width/heig
分类:
Web程序 时间:
2016-02-25 22:42:14
阅读次数:
195
background-position属性值为百分比的时候,第一个百分比表示水平方向的距离,第二个表示垂直方向上的距离。 text-indent的主要作用是为段落设置首行缩进,只能应用于块级元素。该属性可以继承,如果父元素用%来设置缩进,那么子元素继承的缩进值是父元素计算后的值,例假如父元素设置缩进
分类:
Web程序 时间:
2016-02-23 12:41:38
阅读次数:
186
结果,如图 为了明显,用绿色+红色 第一步:静态布局 先写html代码和css样式 要点一: ul li都为块级元素,可以用height,但是里面字体不居中,我们用line-height,即达到居中,又设定行高。 要点二:ul的高度与要显示的选项li的高度相等,因为li要把ul的底边掩盖掉。其他不显
分类:
Web程序 时间:
2016-02-15 16:06:30
阅读次数:
147
HTML中包含大量的标签, 这些标签在我们使用中发现会有小小的差别, 有的标签用了之后不会有太大的布局变化, 只是语义化, 而有的标签却会重起一行, 相当于自己回车了一次, 这就是不同标签元素的分类不同造成的结果. 块级元素 在HTML中, <div>, <p>, <h1>, <form>, <ul
分类:
Web程序 时间:
2016-02-14 12:58:48
阅读次数:
179
在将块级元素水平排列时除了有float:left的方式。另外一种比较好用的方法就是 display:inline-block; 使用后产生一个后果就是元素之间会有间隙。 导致原因:编写代码时的回车,换行。 去除办法:1.将所涉及到的html写在同一行(显然这样是很不靠谱的) 2.给ul 所在的 di
分类:
Web程序 时间:
2016-02-10 17:39:21
阅读次数:
249
元素分类在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:、、...、、、、、、 、常用的内联元素有:、、、、、、、、、、常用的内联块状元素有:、块级元素什么是块级元素?在html中、 、、、 和 就是块级元素。设置disp...
分类:
Web程序 时间:
2016-02-09 22:11:17
阅读次数:
371
页面是有元构成的,行内元素(span,img,a)可以放置在一行,而块级元素(div,p)独占一行。 页面上的每个元素都形成了一个矩形区域,这个区域被称为 box。 Box model Box model 是以CSS的角度去看一个元素被渲染后的抽象形态;是讲一个元素自身的构成部分,不同于布局:多个元...
分类:
Web程序 时间:
2016-02-05 22:21:10
阅读次数:
255