【HTML+CSS学习之基础知识】css文本及段落排版

文字排版-字体设置
body{font-family:"Microsoft Yahei";}    /*将字体设置为微软雅黑*/
/*设置字体过程中,在用户浏览网页时,字体设置会自动调用用户本地安装的字体,若没有安装该字体,则将调用浏览自默认的字体,因此一般将字体设置为"Microsoft Yahei",兼容性更好*/
文字排版-字号颜色
body{font-size:12px;color:#666;}        /*将网页中的文字字号设置为12像素,字体颜色为#666(灰色)*/
文字排版-粗体
p span{font-weight:bold;}    /*将span指向的元素设置为粗体*/
文字排版-斜体
p span{font-style:italic;}    /*将span指向的元素设置为斜体*/、
文字排版-下划线
p span{text-decotation:underline;}    /*将span指向的元素加上下划线*/
文字排版-删除线
.set{test-decoration:line-through;}    /*把id为set的元素加上删除线*/

段落排版-缩进
p[text-indent:2em;}    /*将p标签所指的元素进行2个空格缩进,2em就是指文字的两倍大小*/
段落排版-行间距
p{line-height:1.5em;}    /*将p标签所指的元素的行间距设置为1.5倍*/
算咯排版-中文字间距、字母间距
使用letter-spacing来设置字与字,字母与字母之间的间距
例如:h1{letter-spacing:50px;}    /*将h1标签所指向的元素的字间距设置为50像素*/
使用word-spacing来设置英文单词之间的间距
例如:h1{word-spacing:5px;}    /*将h1标签所指向的元素的单词间距设置为5像素*/
段落排版-对齐
h1{text-align:center/left/right;}    /*设置块状元素为居中/居左/居右*/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章