1.CSS的某些样式是具有继承性的如颜色等,某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本
有一些css样式是不具有继承性的。如border:1px solid red;
2.字体:body{font-family:"字体"}
字号,颜色:body{font-size:12px;color:#666}
粗体:p soan{font-weight:bold;} //粗体有单独的CSS样式
斜体:font-style:italic;
下划线:text-decoration:underline;
删除线:.oldPrice{text-decoration:line-through;}
3.段落排版
缩进:p{text-indent:2em;} //2em:文字的2倍大小
行间距:p{line-height:1.5em;} //1.5em:1.5倍的行间距
中文字间距和字母间距:letter-spacing:50px
单词间距:word-spacing:50px
对齐:块状元素样式设置:text-align
4.元素分类:块状元素、内联元素(又叫行内元素)和内联块状元素。
常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、 <dl>、<table>、<address>、<blockquote> 、<form>
常用的内联元素有:<a>、<span>、<br>、<i>、<em>、<strong>、 <label>、<q>、<var>、<cite>、<code>
常用的内联块状元素有:<img>、<input>
//块状元素可以通过display:inline 将元素设置为内联元素
//display:inline-block 可将元素设置为内联块状元素