html中的容器和语义标签

html中的容器和语义标签

**div **：没有语义
header：通常用于表示页头，也可表示文章的头部
footer：通常表示页脚，也可以表示文章的尾部
article：通常用于表示整篇文章
section：通常用于表示文章的章节
aside：通常用于表示侧边栏

div 块级元素 h1~h6也是快级元素 通俗来说：旁边不允许有其他人。可以看成一个矩形，面积：宽，高。边框：属性。 内容：可以和边框设定距离 放置位置：放置的父级元素的间距。

行内元素

无法设置行高，可以有左右的边距、间距。

伪元素选择器

1. :first-letter and first-line
2. :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>