Css文字与段落排版及设置

设置字体,如:

body{font-family:"微软雅黑";}


字体大小,颜色,如:

body{font-size:20px;color:red;}


粗体

除了用h1-h6或者strong标签外,还可以这样,如:

p{font-weight:bold;} 这种方法具有css样式设置


斜体

使用斜体,比如:

p{font-style:italic;}//将字体设置为斜体


字体下划线

字体设置下划线,如:

span{

text-decoration:underline;//添加下划线

}


字体删除线(就是字体的中间有一条横线)

如:

.oldPrice{

text-decoration:line-through;  //添加删除线

}


段落的排版-----缩进

中文文字中的段前习惯空两个文字的空白,这个特殊的样式可以用下面代码来实现

p{

text-indent:2em;           //2em指文字的两本大小,这个方法要用在段落里

}


段落排版------行高(行间距)

p{

line-height:2em;         //设置的行间距为2倍

}


文字间距,字母间距

在网页排版中,设置中文或者字母的间距用这个

h1{

letter-spacing:20px;

}

单词间距

h1{

word-spacing:20px;

}


段落排版——对齐

可以使用text-align样式代码,让块状元素中的文本,图片设置居中,左对齐,右对齐

div{

text-align:center;    //这里设置了居中,我们还可以 left  或者right

}









最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css...
    KunMitnic阅读 962评论 0 1
  • CSS格式化排版 1、字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例...
    张文靖同学阅读 1,310评论 0 3
  • 一.CSS描述 CSS全称为“层叠样式表(Cascading Style Sheets)”,它主要是用于定义HTM...
    snowy_sunny阅读 1,101评论 0 4
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,181评论 0 40
  • 教育从娃娃抓起。在竞争日益激烈的今天,多一项技能或许就多一次成功的机会。众览IT界那些富有且具有影响力的大佬们,许...
    vlnk2012阅读 788评论 0 1