html中的容器和语义标签
**div **：没有语义 header：通常用于表示页头，也可表示文章的头部 footer：通常表示页脚，也可以表示文章的尾部 article：通常用于表示整篇文章 section：通常用于表示文章的章节 aside：通常用于表示侧边栏
div 块级元素 h1~h6也是快级元素 通俗来说：旁边不允许有其他人。可以看成一个矩形，面积：宽，高。边框：属性。 内容：可以和边框设定距离 放置位置：放置的父级元素的间距。
行内元素
无法设置行高，可以有左右的边距、间距。
伪元素选择器
:first-letter and first-line:before and :after ……以后补齐
css属性
<!- 字体属性：
字体大小：font-size
字体样式：font-style:oblique(偏斜体)italic(斜体)normal正常
-->
<!-
圆角边框和图像边框
圆角边框
css中使用border-radius属性可以设计各种类型的圆角边框
css中使用border-radius属性赋一组值来定义圆角
左上： border-top-left-radius: 10px; 等价于 border-radius: 10px 0 0 0;
右上： border-top-right-radius: 10px; 等价于 border-radius: 0 10px 0 0;
左下： border-bottom-left-radius: 10px; 等价于 border-radius: 0 0 0 10px;
右下： border-bottom-right-radius: 10px; 等价于 border-radius: 0 0 10px 0;
border-radius: 10px 40px 100px; 为 左上 右上左下 右下
border-radius: 10px 40px; 为 左上右下 右上左下
border-radius: 10px; 为 四个圆角值相同
-->
<style type="text/css">
border-radius: 10px 20px 30px 40px;
</style>
