4-21标题居中和文本居中/对齐/组合选择符

一、标题居中和文本居中

<h1 align="center“></h1>

test-align:center;（最好写在一个css文件中，或者放在style标签里）

 

1 .center {
2     margin: auto;
3     width: 60%;
4     border: 3px solid #73AD21;
5     padding: 10px;
6 }

margin：auto在这里能够把块级元素居中。（块元素中能够是文本也能够是图片）

二、对齐

左右对齐 - 使用 float 方式

咱们可使用 float 属性来对齐元素:

1 .right {
2     float: right;
3     width: 300px;
4     border: 3px solid #73AD21;
5     padding: 10px;
6 }

三、组合选择符

• 后代选择器(以空格分隔)-------------------------------------------div p-------------<div>标签里的全部p语段，实例选取全部 <p> 元素插入到 <div> 元素中
• 子元素选择器(以大于号分隔）-----------------------------------div>p------------实例选择了<div>元素中全部直接子元素 <p> ，，非直接==<span><p>1234</p></span>
• 相邻兄弟选择器（以加号分隔）---------------------------------div+p------------实例选取了全部位于 <div> 元素后的第一个 <p> 元素
• 普通兄弟选择器（以破折号分隔）------------------------------div~p------------实例选取了全部 <div> 元素以后的全部相邻兄弟元素 <p> 

四、补充：块元素是什么？

　　学了这么久，我竟然还不知道块元素是什么，这里，我补充一下。

　　相似于：display:block - 显示块元素的连接，让总体变为可点击连接区域（不仅是文本），它容许咱们指定宽度。 

　　①老是在新行上开始;

　　②高度，行高以及外边距和内边距均可控制;

　　③宽度缺省是它的容器的100%，除非设定一个宽度。

　　④它能够容纳内联元素和其余块元素

注：上一个博客有提到块级元素和内联元素的区别，可是很遗憾，今天看到依然很陌生。这也是我很苦恼的，学了东西，却没能将它消化。