最新HTML、CSS基础知识整理

1、最新html、css基础知识整理html：1. img标签路径2.a标签锚点定位，代码如下：拨打电话：协议限定符3.p标签成段落展示（独占一行）4.form标签表单属性：action属性：提交的地址method 属性：提价的方式，get/postname属性：表单名称表单元素：input标签input的type有：text（文本格式）、password（密码）、radio（单选）、checkbox（多选）、submit（提交按钮）提醒：a、label标签可以为input标志，其中label的for对应input的id，如下：b、每一项input需包含一个name（数据的键名）c、radio和c

2、heckbox，可通过设置同一个name，组成一组，如下：d、radio和checkbox可以通过设置checked设置成默认选项e、placeholder可设置input框的提醒文字f、disabled 属性规定输入字段是禁用的select标签下拉列表，通过设置option定义每一项，option可通过设置selected来设置默认，如下：textarea标签元素定义多行输入字段（文本域），如下：css：class挑选器，可以为一个标签添加两个class，代码如下：常用通配符，作用全部的标签，代码如下：css优先级，如下：父子挑选器，如下挺直子元素挑选器，如下分组挑选器，如下：display

3、display:block,块级元素，独占一行，如：div p ul li ol等；display:inline,内联元素/行级元素，内容打算所占位置，如：span a em del strong（注重：凡是带有inline的元素，都有文字特性，会带有4个像素的margin，决解方法：margin-left=-4px）；display:inline-block,行内块元素，如：img；其他文本中横线或下划线：text-decoration;鼠标移入的效果：cursor:help;设置元素的垂直对齐方式：vertical-align：before 和 :after可用于左中右三栏布局左右布局，代

4、码如下：margin塌陷bug，margin-top相较于父元素会浮现塌陷问题，可以通过给父元素设置overflow: hidden/position: absolute/float:left/display:inline-block解决positionposition：absolute，肯定定位，脱离本来的位置举行定位，以最近的有定位的父级举行定位，假如没有那么相对于文档举行定位；position：relative，相对定位，保留本来的位置举行定位/相对自己本来的位置举行定位；position：fixed，肯定定位，相对于扫瞄器窗口举行定位；（注：在实际开发中，普通父级用法position：relative定位，子级用法position：absolute定位，这样不会影响其他元素，引起位置错乱）float:left用法浮动后会对后面的元素（不需要用