HTML+CSS笔记

beautiful

html知识点
1,display:block,inline
内联与块状的转化
比如span是内联元素,用css是无法正常设置高和宽的
需要用display:block转化成块状元素
display:inline则刚好相反,块状元素设置为内联元素
注意:img是内联元素,不过是一个特殊的内联的元素,同时是内联替换元素,替换元素可以设置宽和高
想要设置margin值得加上display:block转为块状元素
2,display:none
把网页上某个元素隐藏起来
3,css画圆角
border-radius:15px;当px像素在一定时就能画成圆
4,相对定位
position:relative;   #相对定位
top:10px;            #相对自身原有的位置  
left:20px;
5,绝对定位
positiong:absolute;   
#用绝对定位是,父元素要求position属性才行,否则将依据父父,一直往上找,到body;
#哪个祖先有postion属性,相对哪个祖先,如果没有,相对于body
#绝对定位就像直升飞机,谁飞得高,谁就盖住谁!z-index:1000这个属性实现
6,锚点
在需要的地方写上
<a name="p1"></a>
用的时候在url链接后加上#p1就能实现
7,伪类
css允许我们针对a标签的4中状态设置各自的css特性,叫做css伪类
1,active一般不必写
2,一定注意,顺序是LVHA
3,a:link可以简写为a
a:link{color:gray;}       #普通是什么状态
a:visited{color:purple;}  #点过之后是什么状态
a:hover{color:orange;}    #鼠标放上去是什么状态
a:active{color:black;}    #点击那一瞬间的状态
8,溢出处理
overfollow:visible;  #默认状态
overfollow:hidden;  #选择让多出部分隐藏,定义一个特别小的像素时可防止ie浏览器出bug
overflllow:scroll;  #滚动框,不多也会加
overflllow:auto;    #自动,多了才会加滚动条
9,margin重叠现象
相邻的普通元素,上下边距,并非简单的相加,而是取其中较大的边距值
10,浏览器兼容问题
1,初始化css
2,正确的doctype
3,书写要规范
4,浏览器bug,珍爱前端,原理IE

发表评论

电子邮件地址不会被公开。