-
文字排版--斜体p a{font-style:italic;}查看全部
-
文字排版--粗体 p span{font-weight:bold;}查看全部
-
文字排版--字号、颜色body{font-size:12px;color:#666}查看全部
-
文字排版--字体 body{ font-family:"Microsoft Yahei/宋体";}查看全部
-
元素分类 在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素和内联块状元素。 常用的块状元素有： <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有： <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有： <img>、<input>查看全部
-
为某些样式设置最高权值，用!important来设置p{color:red!important;} 样式优先级：浏览器默认样式<网页制作者样式<用户自己设置的样式<!important 注意：!important要写在分号的前面查看全部
-
段落排版--对齐 为块状元素中的文本、图片设置居中样式，可以使用text-align样式代码 div{text-align:center;} 可使div块居中，也可设置居左（left）或居右（right）查看全部
-
段落排版--字间距 网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现，如下面代码： h1{ letter-spacing:50px; } 注意：当设置元素为英文时，letter-spacing 设置不是英文单词的间隔，而是字母间的间隔。查看全部
-
层叠很好理解，理解为后面的样式会覆盖前面的样式。查看全部
-
段落排版--行间距 在段落排版中起重要作用的行间距属性（line-height）,如下代码实现设置段落行间距为1.5倍。 p{line-height:1.5em;}查看全部
-
段落排版--缩进 中文文字中的段前习惯空两个文字的空白，这个特殊的样式可以用下面代码来实现： p{text-indent:2em;} 注意：2em的意思就是文字的2倍大小。查看全部
-
文字排版--删除线 删除线使用下面代码就可以实现： .oldPrice{text-decoration:line-through;}查看全部
-
文字排版--下划线 有些情况下想为文字设置为下划线样式，这样可以在视觉上强调文字，可以使用下面代码来实现： p a{text-decoration:underline;} <p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>查看全部
-
文字排版--斜体 以下代码可以实现文字以斜体样式在浏览器中显示： p a{font-style:italic;} <p>三年级时，我还是一个<a>胆小如鼠</a>的小女孩。</p>查看全部
-
文字排版--粗体 我们还可以使用css样式来改变文字的样式：粗体、斜体、下划线、删除线，可以使用下面代码实现设置文字以粗体样式显示出来。 p span{font-weight:bold;}查看全部
举报
0/150
提交
取消