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

1、标题居中和文本居中

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

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

 

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

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

2、对齐

左右对齐 - 使用 float 方式

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

.right {
    float: right;
    width: 300px;
    border: 3px solid #73AD21;
    padding: 10px;
}

3、组合选择符

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

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

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

　　类似于：display:block - 显示块元素的链接，让整体变为可点击链接区域（不只是文本），它允许我们指定宽度。 

　　①总是在新行上开始;

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

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

　　④它可以容纳内联元素和其他块元素

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