期间遇到的一些问题总结及需要注意的问题超链接被访问后的状态;E:hover{attribute:属性值;}鼠标划过元素时的状态;E:active{attribute:attributevalue;}是鼠标按下时元素的状态;注意:当这四个超链接伪类选择器组合使用时,要注意它们的顺序。2.关于背景图片的定位位置。background-origin:x轴位置和y轴位置需要注意:background-position的原点(0,0)在区域的左上角,要区分:background-position背景位置在容器放在哪里,正负值对应的区域和方向。比如top的正值是upward,left的正值是leftward,所以个人感觉用负值居多。3.关于媒体查询@mediascreenand(条件:最小宽度,最大宽度等)min-width如果当前页面宽度大于min-width的值,则样式生效。注意:链接的css文件的min-width要从小写到大,否则会出问题。4、关于元素类型HTML元素分为块元素、内联(inline)元素和替换元素(inlineblockelements)。可以通过display:属性转换元素类型。需要注意的是,在很多情况下,不仅有这几种元素,还有很多其他的元素。如果简单地将元素类型分为这几种类型,转换时可能会出现问题。5.关于浮动float:无/左/右;浮动元素会脱离标准流(不是脱离文本流)浮动元素相当于替换元素元素(一行显示多个,可以设置宽高)需要注意:虽然浮动是好用,不要贪多了,可能会有高位崩盘等意想不到的负面影响。所以一般使用float的话最好清除float。6.解决高度塌陷的方法有很多,这里只举几个例子1.给受浮动影响的元素添加overflow:hidden——因为overflow属性会触发BFCBFC:blockformattingcontextBlock-levelformattingcontext——让元素吧强制按照块元素的规则排列,但是这种方式有一个缺点:只要里面的内容或者元素超出了父元素,就会被隐藏;2.在受浮动影响的元素前面添加一个空div,并给空div添加样式:clear:both;这样也有一个缺点:会增加很多空标签,增加结构负担,产生代码冗余;3、清除伪元素选择器中的浮动:浮动元素父标签的after——类似一个空的div(一般用这个)代码如下:父元素:after{content:"";显示:块;明确:两者;}这期间遇到的一些问题和需要注意的问题总结
