www.baike369.com
百科369 > 网页制作 > CSS教程

CSS教程

CSS在列表中显示不换行文本

CSS在列表中显示不换行文本

在使用列表制作导航栏的过程中,往往遇到列表项中的文本会自动换行的问题。根据设计,每行显示一个链接的标题文字,并且最多显示为固定的汉字,比如每行都显示10个汉字,但是当使用程序动态生成内容的时候,由数据...

CSS文本装饰的综合运用

CSS文本装饰的综合运用

CSS的text-decoration属性是个属性值比较复杂的属性。其最常见的应用就是对于带有链接的文字的设定:显示或者隐藏下划线。该属性可以应用在任何元素上。同时,文本装饰可以同时设置多个属性值,多...

CSS设置单行文字在垂直方向居中显示

CSS设置单行文字在垂直方向居中显示

在网页设计中,往往为了突出标题而添加背景图案。例如:此时,如果只设定<h2>的背景图片和行高,则文字会偏上显示。不过,在这里只需要使用line-height属性设定与背景图片高度相等的行高,即可使文字...

CSS text-indent属性中对百分比值的理解

CSS text-indent属性中对百分比值的理解

在text-indent属性中使用百分比缩进的时候要注意,要缩进的百分比值是由相对于它所在父元素的宽度而定的,而不是由元素本身的宽度设定的。实例text-indent属性中对百分比值的理解的一个实例。...

CSS text-align属性水平对齐方式的继承

CSS text-align属性水平对齐方式的继承

CSS的text-align属性可以继承。当设置好某个元素的水平对齐方式以后,其后代元素将继承该设定。如果某一后代元素不想继承该设定,则需要重新进行单独设置。实例段落和表格继承父元素<div>的水平对...

CSS text-align属性只对块级元素有效果

CSS text-align属性只对块级元素有效果

text-align属性只有对块级元素进行设置才会有效果。例如:虽然对图片设定了居中对齐,但是因为<img>默认为行内元素,即使定义了“text-align:center”,图片也仍然同文字一起进行了...

CSS font属性设置系统字体

CSS font属性设置系统字体

CSS 2中,font属性增加了几个使用系统字体的值,使用这些值,可以让元素字体的尺寸、家族、粗细、样式和变形等同操作系统的设定保持一致。其详细的属性值如下:caption:使用有标题的系统控件的文本...

CSS font-weight属性字体加粗的继承

CSS font-weight属性字体加粗的继承

font-weight属性是可以继承的,不过该属性继承的是计算好以后的值,而不会比父元素中的属性值更粗或更细。例如:虽然对em定义了“font-weight:bolder”,而其子元素<a>只是继承了...

CSS字体尺寸在不同分辨率中的显示与弹性设计

CSS字体尺寸在不同分辨率中的显示与弹性设计

分辨率(dpi)对字体尺寸的显示有很大的影响:Windows系统默认设定为96dpi,即1英寸长度内有96个像素。Mac OS系统则设定为72dpi。CSS 2规范推荐的是90dpi。实际应用中,浏览...

CSS font-size属性中的绝对尺寸与相对尺寸

CSS font-size属性中的绝对尺寸与相对尺寸

font-size属性中的绝对尺寸包括xx-small(最小)、x-small(较小)、small(小)、medium(正常)、large(大)、x-large(较大)和xx-large(最大)等7个...

CSS字体大小之百分比和em

CSS字体大小之百分比和em

在CSS中,计算字体的百分比和em尺寸时,也是以父元素的字体尺寸为基础来进行计算的。大小为1em的字体等于大小为100%的字体。实例下面列举一个CSS字体大小为百分比和em的例子。源代码如下:显示效果...

CSS字体尺寸的继承与浏览器的显示

CSS字体尺寸的继承与浏览器的显示

在CSS中,字体的大小是可以继承的,但是继承的是计算后的值,而不是百分比。例如:由于计算中会出现小数,而像素值(px)不可能是小数,因此在实际显示时,有的浏览器会四舍五入,有的浏览器会去掉小数部分。注...

CSS使用多个计数器

CSS使用多个计数器

使用CSS可以同时设置多个计数器,针对不同的选择器分别进行计数。实例使用CSS生成1个书籍目录。源代码如下:显示效果如下:在上面的代码中,虽然没有针对设定“counter-reset:chapter”...

CSS使用计数器设置普通段落编号

CSS使用计数器设置普通段落编号

在CSS中,可以使用计数器为普通段落设置编号。需要的CSS属性主要有:counter-reset属性、counter-increment属性、:before伪对象、content属性、display属...

CSS使用计数器设置段落文字编号

CSS使用计数器设置段落文字编号

下面分别使用counter-reset属性、counter-increment属性、:before伪对象和content属性设置了两个不同类型的段落文字编号。实例CSS使用计数器设置段落文字编号实例。...

Copyright© 2011-2016 www.baike369.com All Rights Reserved