A 今天学了什么
- 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今天没有掌握什么
都掌握了
