A今天学了什么

1.margin的一点小问题:

给子元素margin-top：父元素移动，子元素不移动

解决方案：

a.给父元素加:overflow:hidden;

b.给子元素设置伪元素
：before{
content:""
display:table}

2.绝对路径和相对路径

绝对路径：从盘符开始的路径

比如：![](D/images/down.jpg)

相对路径：相对当前文件所在的路径

同级目录：src="down.jpg"
下一级目录：src="images/down.jpg"
上一级目录：src="../down.jpg"

3.HTML表单相关元素

a.一个登陆页面：


账号
密码

定义和用法
标签为Input元素定义的标记

label元素不会向用户呈现 任何特殊效果。不过，它为鼠标用户改进了可用性。如果在label元素内点击文本，就会触发此控件。

标签的for属性应当与相关元素的id属性相同。

b.单选框


男

女

c.复合选框


兴趣
游泳
跑步

d.下拉选框

e.预选的下拉选框

f.文本域

g.input：
当输入框和提交按钮有同样的宽高时，但看到的时候不一样时，可以给input加上box-sizing:border-box

h.display和visibility的区别：
display:none 显示为没有
visibility:hidden 可见度为隐藏（但还在）

i.转义字符
 空格
>大于号
<小于号

4.css样式的几种方式

a.外部样式表（外联）

b.内部样式表（内联）

c.内联样式，在HTML元素内部（内嵌） hello world

B我掌握好的地方

1.margin的一点小问题:

给子元素margin-top：父元素移动，子元素不移动

解决方案：

a.给父元素加:overflow:hidden;

b.给你元素设置伪元素
：before{
content:""
display:table}

2.绝对路径和相对路径

绝对路径：从盘符开始的路径

比如：![](D/images/down.jpg)

相对路径：相对当前文件所在的路径

同级目录：src="down.jpg"
下一级目录：src="images/down.jpg"
上一级目录：src="../down.jpg"

3.HTML表单相关元素

a.一个登陆页面：


账号
密码

定义和用法
标签为Input元素定义的标记

label元素不会向用户呈现 任何特殊效果。不过，它为鼠标用户改进了可用性。如果在label元素内点击文本，就会触发此控件。

标签的for属性应当与相关元素的id属性相同。

b.单元框


男

女

c.复合选框


兴趣
游泳
跑步

d.下拉选框

e.预选的下拉选框

f.文本哉

g.input：
当输入框和提交按钮有同样的宽高时，但看到的时候不一样时，可以给input加上box-sizing:border-box

h.display和visibility的区别：
display:none 显示为没有
visibility:hidden 可见度为隐藏（但还在）

i.转义字符
 空格
>大于号
<小于号

4.css样式的几种方式

a.外部样式表（外联）

b.内部样式表（内联）

c.内联样式，在HTML元素内部（内嵌） hello world

都掌握了