文本如何做到垂直居中对齐:建议:尽可能的手写代码,可以有效的提高学习效率和深度。网页布局中经常用到让文本在一行中垂直居中对齐。默认情况下文本是居上对齐的。实例:蚂蚁部落大家好,我要居中对齐以上代码可以将div中的文本垂直居中对齐,对齐的方法就是把div的height属性值和line-height的属...
分类:
其他好文 时间:
2015-12-26 09:58:25
阅读次数:
144
一列固定、一列宽度自适应:建议:尽可能的手写代码,可以有效的提高学习效率和深度。之前的代码中,已经介绍过一列宽度自适应和二列宽度自适应,实现自适应的效果一般就是将相应对象的宽度以百分比的形式表示。在实际的布局中,一列宽度固定、一列宽度自适应。下面我们就以左侧div宽度固定,右侧div宽度是自适应为例...
分类:
其他好文 时间:
2015-12-26 09:58:00
阅读次数:
151
二列div宽度自适应:建议:尽可能的手写代码,可以有效的提高学习效率和深度。在之前的教程已经介绍了一列div宽度自适应。实现自适应效果的主要手段就是设置对象的width属性值为百分数。代码实例: 蚂蚁部落 我是左边我是右边以上代码通过使用百分数设置两个并列div的宽度,达到二列div宽度自适应...
分类:
其他好文 时间:
2015-12-26 09:56:50
阅读次数:
180
表现和内容分离的优势:建议:尽可能的手写代码,可以有效的提高学习效率和深度。在什么是表现和内容分离一章节中已经介绍了什么是表现和内容分离,在里面已经简单的介绍了表现和内容分离的优势,下面再来介绍一下表现和内容分离的优势具体表现在哪。一.有利于搜索引擎优化:因为控制网页表现的样式代码和网站的内容剥离出...
分类:
其他好文 时间:
2015-12-26 09:56:35
阅读次数:
141
如何清除列表前的数字或者圆圈:建议:尽可能的手写代码,可以有效的提高学习效率和深度。在默认情况下有序列表ol和无序列表ul都会在列表项的前面带有自己特有的序号或者符号,但是这些序号或者符号并不是我们想要的或者说不美观,一般都需要人为的清除掉它们。方法就是将它们的list-style的属性值设置为no...
分类:
其他好文 时间:
2015-12-25 13:42:05
阅读次数:
396
CSS重置标签默认样式:建议:尽可能的手写代码,可以有效的提高学习效率和深度。在默认情况下,很多标签都有自带的属性,例如body自带有margin、ul有自带的padding、h1-h6的字体大小各部相同、li前面带有的小圆圈等等。这些自带的默认属性会给实际的布局中带来不少的麻烦,我们可以再样式表的...
分类:
Web程序 时间:
2015-12-25 13:33:27
阅读次数:
211
如何去掉超链接的下划线:建议:尽可能的手写代码,可以有效的提高学习效率和深度。每个人的欣赏事物的角度不一样,有些人喜欢链接带有下划线,有的人不喜欢,下面介绍一下如何去掉超链接的下划线。在默认状态下,链接一般是带有下划线的,那么我们可以使用text-decoration属性来设置链接是否具有下划线。实...
分类:
其他好文 时间:
2015-12-25 13:28:30
阅读次数:
131
CSS中什么是复合属性:建议:尽可能的手写代码,可以有效的提高学习效率和深度。关于复合属性可能大家都在用,但是没有注意这个概念而已,下面就简单介绍一下什么是复合属性。我们知道border属性可以同时规定边框的粗细、颜色和边框类型。例如:border:2px solid blue;所谓复合属性就是类似...
分类:
Web程序 时间:
2015-12-25 13:26:12
阅读次数:
2590
为什么margin的auto属性失效了:建议:尽可能的手写代码,可以有效的提高学习效率和深度。通常情况下,可以使用margin:0px auto将对象设置为水平居中对齐。这是因为auto属性值能够使浏览器自动为对象判断外边距大小,但是在下面的情况下却失效了。代码如下:蚂蚁部落 因为子对象是绝对定位....
分类:
其他好文 时间:
2015-12-24 16:31:26
阅读次数:
135
CSS的z-index属性是做什么用的:建议:尽可能的手写代码,可以有效的提高学习效率和深度。在网页制作中,可能有这样的需求,就是让几个层重叠在一起,并且可以指定顺序,这时候使用z-index属性是个不错的选择。但是此属性仅作用于[position属性值为relative、[absolute或fix...
分类:
Web程序 时间:
2015-12-24 13:21:13
阅读次数:
138