A 今天学了什么

1. marign 的一点小问题

当子元素设置 margin-top ， 父元素会一起移动
解决方案：给父元素设置 overflow:hidden
padding:
父级元素:before{
content:"";
display:table
}

上面元素的margin-bottom会和上面元素的margin-top 重合

2.绝对路径和相对路径

绝对路径:从盘符里的路径

相对路径: 相对当前所在的路径
从上一级访问需要加   ../

3.HTML表单相关元素

form
label 为input元素定义标注 label for="" for应与id的属性相同
input type = text
input type = password
input type = submit

4.单选框

从 input 设置 name属性
相同的name属性只能从中选择一个
预选内容 加入 checked

4.1复选框

input type = "checkbox"

4.2下拉框

<select>
<option></option>
<option></option>
<option></option>
</select>

4.3文本域

plackholder=""

4.4display和visibility的区别

display 设置为元素消失 没有单位
visilibity 只是不可见 还有单位

4.5雪碧图

通过position:absolute 设置背景图片的位置来显示想要的图片

5 CSS样式的几种引入方式

内联样式表
在头部写css样式
<style>
</style>

内嵌样式
在元素内部写CSS样式

外联样式表
在专门的CSS文件中写css

B今天学会了什么

.1 margin的一点小问题

当子元素设置margin-top, 父元素会一起移动
解决方案：给父元素设置 over-flow:hidden
padding:
父级元素:before{
content:"";
display:table
}

上面元素的margin-bottom会和上面元素的margin-top 重合

2.绝对路径和相对路径

绝对路径：从盘符里的路径

相对路径：相对当前所在的路径
从上一级访问需要加   ../

3.HTML表单相关元素

form
label 为input元素定义标注 label for="" for应与id的属性相同
input type = text
input type = password
input type = submit

4.单选框

从 input 设置 name属性
相同的name属性只能从中选择一个
预选内容 加入 checked

4.1复选框

input type = "checkbox"

4.2下拉框

<select>
<option></option>
<option></option>
<option></option>
</select>

4.3文本域

plackholder=""

4.4display和visibility的区别

display 设置为元素消失 没有单位
visilibity 只是不可见 还有单位

4.5雪碧图

通过position:absolute 设置背景图片的位置来显示想要的图片

5 CSS样式的几种引入方式

内联样式表
在头部写css样式
<style>
</style>

内嵌样式
在元素内部写CSS样式

外联样式表
在专门的CSS文件中写css

C今天没有掌握什么

都掌握了