Day12 - 内容回顾
内容回顾:
1. HTML标签
html/head/body/
input
div,span
a
p
br
span
table > tr行 th表头列 td表头列
h
form> action method enctype=;;;
select option
input系列:
text
password
email
button
submit
radio name属性相同
checkbox
reset
textarea
2.CSS
a. 存在形式
- <div style='k1=v1;k2=v2;'>
- <style></style>
- <link ...>
b. 选择器
<style>
.c1{
}
#i1{
}
div{
}
.c1,#i2{
}
.c1 .c2{
}
.c1 > .c2{
}
.c1:hover{
}
input[type='text']{
}
</style>
c. 样式
color:
background-color:
font-size:
background-img:
background-position:
position:
fixed - 永远固定在浏览器窗口的某个位置
absolute - 固定在浏览器窗口的某个位置
relative - 单独无用
relative
absolute
padding: 内边距
margin: 外边距
top ...:
border: 1px shixu yanse
height: 100%
width:
display:
none 隐藏
block 块
inline 内联
inlie-block 内联+块级
float:
left
right
<div style='background-color:red;'>
<div style='float:left;'>adf</div>
<div style='float:right;'>adf</div>
<div style='clear:both'></div>
text-align:
line-height:
cursor
z-index:
opacity: