常用标签与样式

常用标签

块属性：div标签：无意义 用来布局和划分区域

               p标签：段落

               h1-h6：标题标签  注意h1标签只有一个

               ul>li:无序列表

               ol>li:有序列表

块属性标签特点：上下排列 独占一行  可以设置宽高  不设置情况下宽度自动撑满父容器 高度由内容撑开

行属性：span标签：放置文字

              a标签：超链接---href属性：链接地址  1.可以是网络地址也可以是本地地址

                                                                          2.空 点击刷新页面

                                                                          3.#  返回顶部

                                                                         4.###无效链接

行属性标签特点：不支持上下的margin和padding  不支持设置宽高  左右排列

行块属性：img标签：图片 src：图片路径  alt：图片加载失败显示内容  title：鼠标移入提示信息

行块属性标签特点：既可以设置宽高又可以排成一行

所有标签都有title属性

行属性标签不要嵌套块属性标签

常用样式

width:宽度

height:高度

color:字体颜色

font-size：字体大小（默认16px  最小支持8px）

font-weight:字体粗细（默认400  取值范围100-900）

opacity：透明度 （取值范围0-1）

background-color:背景颜色

background-image::背景图片url（图片路径）

background-repeat:背景是否重复（默认重复）

background-position：背景图片位置

background-size：背景图片大小