• 首 页

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qitongnet.com 网站建设咨询热线:010-65587978/77/76/75

相关文章

网站设计风讯团队的优势
北京网页设计CSS语法手册(六)分类属性
网页设计CSS+DIV:让文本字符环绕在图片周围
网站设计RSS名称丰富含义的由来
网页设计Flash MX 2004 功能介绍(4)
网站设计用PhotoShop与 Flash 做飘动的云
网站设计自由操控Flash---全面升级您的Flash播放器
网页设计FLASH8新功能体验:第五章视频 1.播放视频
北京网站设计用Dreamweaver MX实现网站批量更新
网站制作防止表格被撑开或div层被撑开的多种方法


品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!


友好连接

    • 网站建设
    • 网页设计
    • 网站设计
    • 网站制作
    • 网站优化
    • 百度优化
    • google优化
    • seo
    • 网站推广
    • 网络营销
    • 北京网站建设
    • 北京网站制作
    • 北京网页设计
    • 北京网站设计

文章搜索

你的位置:首页 >> 网站制作 >> 网站设计企通互联CSS学习教程:认识会用CSS样式表的文本属性

网站设计企通互联CSS学习教程:认识会用CSS样式表的文本属性


作者: 北京网站建设   日期:2008-03-27 06:03:35  来源: http://www.qitongnet.com

资深北京网站建设公司企通互联,专业致力于北京网站建设,北京网站制作,北京网站设计,北京网页设计领域,千余网站建设案例,公司拥有国内一流的网站建设、网站制作、网页设计团队,如果您已经有网站的,看看我们精美的网站建设案例也无妨.北京网站建设网址:http://www.qitongnet.com =======================================================================================

文本(text):css 北京网页设计控制的文本属性主要包括以下四个: text-indent, text-align, text-decoration, text-transform;

1. text-align:属性text-align指文本的对齐方式,其有向左,向右,居中对齐以及自动适应四种对齐方式:

text-align: left;北京网站建设
text-align: right;企通互联
text-align: center;北京网站制作
text-align: justify;

例:css代码:

body {北京网页设计
font: normal 12px/1.5 Georgia, sans-serif;网站建设
text-align:left;北京网站建设
background:#444 url(images/bodybg.jpg) repeat-y;北京网站建设
}

在选择器body中声明属性text-align 北京网站建设为left,可以避免在其他需要文本左对齐的选择器中重复声明.

2. text-indent:属性text-indent指段落首行的缩进, 既然是段落的属性,一般用于选择器p(段落)中, 北京网站制作代码如下:

p {www.qitongnet.com
text-indent: 26px;网站建设
}

本站的段落缩进为0, 所以在css文件中能找到text-indent: 0;,不声明即此属性,即默认为0.

3. text-decoration:属性text-decoration为文本修饰, 其包括下划线, 上划线, 中划线和无四种修饰方式, 代码如下:

text-decoration: none;北京网站设计
text-decoration: underline; 网站建设北京网站建设
text-decoration: overline;网站建设
text-decoration: line-through;

在这就不例举具体的下划线, 上划线, 中划线的例子 网站制作, 相信大家很容易想像的到它的效果. 需要强调的是属性值none, 如果你查看本站css的话, 可以看到所有属性text-decoration的值均为none. 这是因为目前的浏览器对于选择器a(即超级链接), 默认text-decoration属性值为underline. 这就会使很多你不希望出现的下划线大量涌现, 而且由于无法约束下划线的粗细, 以及浏览器之间的差异, 甚至会出现各种粗细, 不同浏览器显示不同的下划线.

例:你可以看到本站文章内的超级链接的文本修饰是点划线, 这个效果不是属性text-decoration所能实现的, 其需要下边框属性的支持, 将会在边框属性时说明. 实现方法如下:

1.在全局声明中将选择器a的text-decoration属性值设为none, 代码如下 www.qitongnet.com:

a {    北京网站设计
    color: #545454;网站建设
    text-decoration:none;网站建设
}

2.为使文章正文部分的超级链接显示蓝色点划线的效果, 网站设计代码如下:

.post_body a{北京网站设计 北京网站设计
    color:#0061CA;北京网页设计
    padding:0;www.qitongnet.com
    border-bottom:1px dotted #0061CA;网站设计
}

4. text-transform: 这个属性可能大家不太熟悉, 因为这个属性是只为英文服务的, 用于转换字母大小写之用. 其包括首字母大写, 大写, 小写和无变化四种属性值, 代码如下:

text-transform: capitalize;北京网站设计
text-transform: uppercase;网页设计
text-transform: lowercase;网页设计
text-transform: none;

例:首字母转化为大写的css代码如下:

.comment_author {北京网站制作
    text-transform:capitalize;北京网站设计
}

北京网站制作
字体:【大】【中】【小】

上一篇:北京网站制作认识:HTML网页中默认的CSS样式表属性总结

下一篇:北京网页设计修饰之美:CSS在表格边框上的美学应用

这是一个与众不同的品牌,企通互联只专注于网站建设领域!中小型企业网站建设最佳合作伙伴!网站建设咨询热线:010-65587978/77/76/75!

Copyright © 2008 网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】. Designed by www.qitongnet.com Free Website Templates