这是我的Html和css学习过程中的心得,因为之前就学习过这些内容,所以现在复习起来有些轻松,只需要重点复习自己的遗忘点就好了;
html的注释是:
css的注释是:/
css的注释
/
行内元素:block,一行内允许出现多个元素,元素的大小不允许自己调节,大小根据内容自己确定;内部只允许且套行内元素,但是文字标签如p则只允许嵌套文字,a、span、em、i
块状元素:inline,一行内只允许出现一个元素,可以理解为一个容器,他的里面可以嵌套其他的行内、块状元素都可以,可以自己调节元素的大小
行内块元素:inline-block,既可以一行存放多个元素,又可以调节元素的大小
css的格式:
行内样式:
行内样式
内部样式:
外部样式:
css样式继承:
text-
font-
line-
color-
开头的样式属性可以被子类继承
css样式发生冲突时;
同一级样式发生冲突时,后者的样式覆盖前面的
css样式权重:
继承或者* 0,0,0,0
标签选择器 0,0,0,1
类选择器或者伪类选择器 0,0,1,0
id选择器 0,1,0,0
行内样式 1,0,0,0
计算标签的样式:先看该标签有没有被选中,如果选中了,按照权重计算公式;如果没有选中,继承的权重为0
选择器:
标签选择器:
div{
}
类选择器:
.red{
}
类选择器
id选择器:
#red{
}
id选择器
类选择器和id选择器的区别是:id是唯一的,而class则可以重复。
后代选择器:
div p{
}
子代选择器:
div>p{
}
后代选择器和子代选择器的区别是:后代选择器的范围是所有下级元素标签,而子代选择器的选择范围是最靠近它的的元素标签。
通配选择器:选择所有元素
*{
}
伪类选择器:
a:link{ /
未被访问过的链接
/
}
a:visited{/
已访问过的连接
/
}
a:hover{/
鼠标悬停时展示的状态
/
}
a:active{/
鼠标点击不放开的状态
/
}
交集选择器
/
交集选择器的第一个的第二个选择器为id选择器或者类选择器
/
p.span{
}
并集选择器:
p,div,span{
}
偏僻的属性
table的单元格相邻的边框重叠,导致颜色加深,使用border-collapse:collapse将表格重叠的边框改为一条
padding简写:
一个值:代表四个属性
两个值:上下,左右
三个值:上,左右,下
四个值:上,右,下,左
文字 元素页面居中对齐 margin: 0 auto
图片在页面居中对齐 background-position: top auto
rgba(0,0,0,0.3) 黑色半透明颜色
最后,我个人感觉一些标签不需要刻意的去记忆,只需要记住用法或者记住有这麽个标签就好了,如果忘记的话,就去查查字典啊。。