4.16

 1.层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。例如:
p{color:red;}
p{color:green;}
<p class="first">三年级时,我还是一个 <span>胆小如鼠</span>的小女孩。</p>

最后p中的文本会显示为green,后面的央视会覆盖前面的样式。
若果,在颜色后面加上important,会改变样式权重。
p{color:red !important;}
p{color:green;}
<p class="first">三年级时,我还是一个 <span>胆小如鼠</span>的小女孩。 </p>
2.文字排版:body{font-family:"宋体";},双引号内可以选择字体的样式。
文字加粗:p span{font-weight:bold;}。
3.段落的缩进:p{text-indent:2em;},
                      行间距p{line-height:2em;}。



4.  在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>


5.设置display:block就是将元素显示为块级元素。    a{display:block;}就是将内联元素a转换为块状元素。

猜你喜欢

转载自www.cnblogs.com/witnesszxw/p/10720394.html