常见标签和css基础

块标签

内容：div h1~h6 p ul ol li ariticle section aside nav header footer

特点:独占一行，默认宽度占满父级，高度为0，子级内容撑开高度

行标签

内容
    span    a：href:链接地址   target:打开方式     i     b     sub     sup    em        strong
       
特点
  1. 同排序跟显示，遇到父级边界换行
   2. 不支持宽高，内容撑开宽高
   3.  不支持上下外边距
   4.不正常显示上下内边距
    5.换行被解析

行块标签
    内容
        img
            src:资源路径
            title:鼠标悬停时的提示文本
            alt:图片不能正常显示的提示文本
            特点：只给宽度或高度，会等比例变化
    特点
       1. 同排序跟显示，遇到父级边界换行
       2. 没有宽高的时候内容撑开宽高
       3. 换行被解析

图文组合练习

                                  如图所示

 

Css基础

引入方式
    外部
    内部
    内联

常见样式

背景   ： 背景色      背景图
文本
    字体颜色
    字体大小
    字体样式
    对齐方式
    行高
    首行缩进
    字体间距
    文本装饰线
    文本大小写字母
    文本排版方式
    空白符处理

常用选择器
    通配
    id
    class
    标签名
    后代
    群组选择器
    子代

选择器优先级