Html基础的一些小总结

1）标签
行级标签：与生俱来没有宽高，不会换行。如，a b i s u span small  strong 等
块级标签：与生俱来有宽高，会换行。如，div p h1~h6 ul li  dl dt dd等
行内块级标签：有宽高，不会换行。如，img input等


2）锚点
本页面锚点，使id和window.hash(a标签的href属性中的#id名)匹配
跨页面锚点，页面之间相互跳转
a标签的href属性是#时，经点击定位网页头部
a标签点击没反应需要将href的属性值给成是  href="javascript:;"


3)表格
制作表格，table tr td 


合并表格  colspan(合并列)   rowspan(合并行)
共同点：多出的单元格都是合并的数目减一，删掉这个数目的单元格


标签嵌套规则：
（1）某些块级标签不可嵌套块级标签，例如有p,dt(自定义列表标签)

（2）同级标签必须要同类型，如，块级=块级，行级=行级

列表标签：
ul>li(无序列表)
ol>li(有序列表)
消除列表样式 list-style:none;


自定义列表标签


dl>dt+dd(自定义列表标签)
注意事项：dt不可嵌套块级标签，只能存在一对


html4表单：
input :
text 文本框
password  密码框
radio  单选按钮，注意事项：每个选项都要设置相同的name属性，否则会多选
checkbox  复选框 checked ="checked" checked
submit   提交按钮
button   按钮，使用范围广
reset    重置按钮，注意事项：必须放在form表单中，否则不能重置
select>option  下拉列表  默认选中某个选项，selected
textarea  多行文本域，禁止调节，resize:none;


html5新增属性：
color 色块选择
datalist配合文本框做筛选   id和list关联  值通过option中的value属性设置
date 日期
email  电子邮件
number  数字
progress  进度条
meter  度量
range  范围
fieldset>legend  表单相嵌


样式初体验：
text-align(对齐方式)
text-decoration(消除文字默认样式，如下划线，删除线)
line-height(行高，设置文字垂直居中，当盒子只有一行文字让行高的值等于盒子的高度即可)
font-weight(设置文字粗细，消除加粗文字样式)
：hover(伪类选择器，当鼠标移入元素发生的变化)
display(不同类之间的元素转换，块级，行级，行内块级)
font-style(文字风格，例如消除斜体)
width(宽度）
height(高度)
outline(消除输入框的外边线，ouline:none;)
background(背景图片和颜色的设置)
color(文字颜色)
font-size(文字大小)
border(消除默认边框，border:none;)