特色食品1： HTML—超文本标记语言

它是一款让文本内容有自己的语义，方便浏览器，搜索爬虫识别的食品 

食品材料

主要食材是html,富含head和body等上等原材料

另：赠送各种调料

有div,ol,ul,li,h1~h6,span,a,p,img,input,select,tr,th,td,br,nbsp,hr,等等任君挑选

食品分类

标签选择器，id选择器，层级选择器，类选择器，群组选择器，通配选择器

食品贮存

div布局,float布局,定位布局

其它

块级标签
div,ol,ul,h1~h6,p,table等等

行级标签
span,a,img,input,select,small,big,br,strong等等

a标签的4个状态
link（当前锚点没有访问过的样式，就是初始样式字体大小好使
visited（访问过后的样式）颜色好使
hover（鼠标悬浮在上面的样式）display height width background
active（鼠标松开的样式）颜色

表格标签格式
< table>
< caption>< h2> < /h2>< /caption>
< tbody>
< tr>
< th></ th>
< td>< /td>
< tr>
< tbody>
< /table>

选择器优先级
标签选择器优先级是1
类选择器优先级是100
id选择器优先级是1000
style优先级最高
通配<标签<类< id,层级,群组

display分类
block（块级）
inline（行级）
inline-block（行-块级）
table（表格级）
table-rows（表格行级）
table-cell（表格单元级）

img标签
单标签,< img src=“” alt=“title” width=400px height=1000px/>
图片边框样，火狐和其他浏览器中有效图片标签 单标签 注意闭合方式 有src路径属性 alt内容替代属性 title提示属性 可以设置宽高。

特色食品2： CSS—层叠样式表

是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的新型食品。

食用方法

（1）style标签引入方式
（2）标签内部引入方式（行间样式）
    *有冲突的样式,标签内部的引入方式高于style的标签的引入方式
（3）外部引入方式：link是单标签 有两个属性 rel是表示类型      stylesheet表示为样式表类型,type表示关联文件的类型是css，href是路径>

食品材料

color,fontsize,background,height,width,border,margin,padding,text-align,vertical-align,line-height,float,overflow,clear,position,opacity,display,list-style-type,text-decoratiion,a:link,visited,hover,active