html+css基础

1,图片alt属性,替换内容
2,超链接文字
3,有序列表,无序列表,
4,定义列表dl dt dd
5,文本框
密码框
单选按钮
复选框

6,下拉列表

7,多行文本框

8,三种按钮

普通按钮
提交按钮
重置按钮

9,label标签


input元素要有一个id,然后label标签就有一个for属性,和id相同,就表示绑定了,这个label和input就有绑定关系了,点击文字能选择

10,字符实体

< <
> >
  空格,防止空白折叠现象

html+css基础_第1张图片
html+css基础_第2张图片
html+css基础_第3张图片
11,脱离文档流

浮动(性质:脱标,贴边,字围,收缩,浮动的元素可以设置宽高)
绝对定位
固定定位

12,清除浮动方法

A,给浮动的元素的祖先元素设置高度
B,clear:both(但margin会失效)
C,隔墙法,(在两部分浮动元素中间加一道又clear:both,和高度的盒子)
D,overflow:hidden

html+css基础_第4张图片

E,内墙法(奇淫技巧)

html+css基础_第5张图片
13,margin
html+css基础_第6张图片
14 ,margin:0 auto
html+css基础_第7张图片
15,a标签
html+css基础_第8张图片
html+css基础_第9张图片
16,background属性
html+css基础_第10张图片
html+css基础_第11张图片
17,相对定位(相对自己原来的位置进行调整)不脱标,老家留坑,形影分离。
18,绝对定位

#######脱标,可以设置宽高
#######参考点
如果用top描述,定位参考点是页面的左上角

html+css基础_第12张图片

如果用bottom描述,定位参考点是浏览器首屏窗口尺寸,对应的页面的左下角

html+css基础_第13张图片
html+css基础_第14张图片
html+css基础_第15张图片

#######以盒子为参考点(子绝父相)
#######绝对定位的盒子居中

html+css基础_第16张图片
19,固定定位(相对浏览器窗口定位,脱标 ,IE6不兼容)
20,z-index
html+css基础_第17张图片
html+css基础_第18张图片
html+css基础_第19张图片

你可能感兴趣的:(html+css基础)