码迷,mamicode.com
首页 > Web开发 > 详细

HTML+CSS--继续学习

时间:2016-07-19 23:52:09      阅读:312      评论:0      收藏:0      [点我收藏+]

标签:

为网页中的文字设置字体为宋体。

body{font-family:"宋体";}

文字以斜体样式在浏览器中显示:

p a{font-style:italic;}

设置文字以粗体样式显示出来。

p span{font-weight:bold;}

文字设置为下划线样式:

p a{text-decoration:underline;}

在网页上设置删除线:

.oldPrice{text-decoration:line-through;}

段前两个文字的空白,用下面代码来实现:2em的意思就是文字的2倍大小。

p{text-indent:2em;}

英文单词之间的间距呢?可以使用 word-spacing 来实现。如下代码:

h1{
    word-spacing:50px;
}

设置文字间隔或者字母间隔就可以使用    letter-spacing 来实现,如下面代码:

h1{
    letter-spacing:50px;
}

块状元素中的文本、图片设置居中样式:(居中:center;居右:right)

h1{
    text-align:center;
}

常用的块状元素有:

<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

常用的内联元素有:

<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

常用的内联块状元素有:

<img>、<input>



HTML+CSS--继续学习

标签:

原文地址:http://www.cnblogs.com/huiziz/p/5686639.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!