四、CSS特性和HTML-列表元素

一.CSS特性

• 继承

  • 不是所有的属性都可以继承(文本相关属性一般可以继承,查文档)
  • 自己有设置属性,父元素也设置了该属性,那是先继承还是使用自己的
    • 只要自己设置属性.先用自己的

• 层叠

  • 基本层叠-后面覆盖前面

  • 优先级(权重)

    • 优先比较优先级高的
    • !important>内联样式>id#>class.>标签/伪类>通配和其他选择器符号

二. HTML-列表元素

• 列表元素

  • ol/li-有序列表-适用场景-适用于一些有标注先后顺序的列表，比如轮播图的小圆点也可以使用有序列表的
  • ul/li-无序列表 -适用场景-导航栏和后台管理系统的左侧菜单
  • dl/dt/dd-定义列表，适用于一些存在对数据项进行描述说明语义的列表

  •  1.  dl下面的子标签只能是dt和dd
     2.  dt和dd是同级标签，不能互相嵌套使用
     3.  dt和dd标签是容器标签，里面可以嵌套其他标签内容
    

• 列表元素CSS属性

  • list-style-type-可以改变为有序/无序/定义列表
  • list-style-image-把序号,小圆点变成有个性的图片
  • list-style-position-列表项目符号的位置，取值有inside和outside两种
  • list-style:none(用来重置列表样式)

三. HTML-表格元素

• table常见元素

  • table

    • tr->table row-行
    • td->table define/description:行中的单元格
    • table里面的border(少用)
    • text-align:表格水平对齐(少用)
    • cellpadding:设置文字和表格之间的内边距
    • cellspacing:设置单元格之间的间距

  • tr

    • valign->vertical align->默认垂直居中对齐
    • align->水平对齐

  • td

    • valign->单独对单元格设置
    • rowspan:行合并
    • colspan:column列合并

• 单元格边框合并(细线表格)

  • boder-collapse:collapse

• 其他元素

  • tbody

    • 表示表格的主体

  • thead

    • 表格的头部

  • tfoot

    • 表格的页脚

  • caption

    • 表格标题

• 单元格的合并

  • colspan

  • rowspan

  • border-spacing

    • 设置单元格水平和垂直之间的间距

四.HTML-表单元素

• input

  • text->文本输入-明文
  • password->暗纹
  • button按钮
  • radio单选框
  • checkbox复选框
  • file->文件上传
  • 行内替换元素:替换元素一般都是行内替换元素

• fileset/legend

• fileset将form下的一些标签合在一个框中，类似于集合，效果如上的“基本信息”框和“详尽信息”框；

• 标签就是fileset标签集合框的提示信息，上图的“基本信息”和“详尽信息”均是；