CSS+DIV网页样式与布局——文字样式&段落(一)
一个网页要说最多的还是文字,上篇博客说CSS样式是一个网页的精髓,那网页中最直接表现出来的就是文字和图片,还有一些所谓的表单,首先先说最为熟悉和常用的文字。让CSS控制网页中的文字,使它不再那么枯燥平淡,从此网页文字变得绚丽多彩。 一、文字样式 文字样式主要包括文字的大小、颜色、字体等,具体包括如下
文章图片
写一个小例子,综合运用上述所有的文字效果样式: 代码:
文字字体 - 锐客网 body{background-color:#99CCFF;
}
h2{font-family:楷体_GB2312, "Times New Roman";
}
h3{
font-family:"宋体";
}
p.bigsize {font-size: 0.5in;
}
p.smallsize {font-size: 0.5cm;
}
p.bluecolor {
color:#00CCFF;
}
p.yellowcolor {
color:#FFFF66;
}
p.bold{
font-weight:bold;
}
p.Italic{
font-weight:bold;
font-style:italic;
}
.line{
text-decoration:underline;
}
.line1{
text-decoration:blink;
}
.line3{
text-decoration:line-through;
}
.line4{
text-decoration:overline;
}
.zuozhe1{
text-transform:capitalize;
/* 单词首字大写 */
}
.zuozhe2{
text-transform:uppercase;
/* 全部大写 */
}
.zuozhe3{
text-transform:lowercase;
/* 全部小写 */
}
.joy{
color:#CC33CC;
}
人群中哭着-----楷体 你只想变成透明的颜色-----宋体
五月天你不是真正的快乐
阿信
你再不回梦或痛或心动了-----蓝色
你已经决定了 你已经决定了-----黄色
你已经决定了-----文字粗细:粗体
【CSS+DIV网页样式与布局——文字样式&段落(一)】你静静忍着-----文字粗细+斜体
紧紧把昨天在拳心握着-----下划线
而回忆越是甜就是越伤人-----文字的闪烁
文字的删除线
越是在手心留下密密麻麻深深浅浅的刀割-----顶划线
作者: Claribel (英文字母首字母大写)作者: Claribel (英文字母全部大写)作者: Claribel (英文字母全部小写)
运行效果:
文章图片
二、文字段落 对于文字的段落来说,一篇文章要想清晰有条理的展示给读者,有一个条理分明的段落样式是非常必要的,接下来就说明一下文字段落的一些常用样式。具体详情请参考下篇博客: CSS+DIV网页样式与布局——文字样式&段落 (二) http://blog.csdn.net/xdd19910505/article/details/43566515
推荐阅读
- 使用协程爬取网页,计算网页数据大小
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- react-navigation|react-navigation 动态修改 tabBar 样式
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等
- markdown中使用iframe|markdown中使用iframe 嵌套网页
- 第六课|第六课 js管理页面元素位置大小
- Python用requests模块实现动态网页爬虫
- 如何自学网页UI设计(|如何自学网页UI设计? 网页UI设计快速入门!)
- 地图|高德地图清除指定覆盖物 自定义覆盖物样式(完整dome)
- ubuntu装java环境