html与css学习2

我胡汉三又回来纠结这两个玩意了。这两个东西真是越看越有东西,而且真的是,做项目时才知道自己小瞧他们了。

前端：结构（html）+表现（css）+行为(js)

好的代码：各自负责各自的，尽量写规范，别杂糅在一起。

1.html标签更多关注的是语义，至于样式css都可以去改

2.元素分为块元素与内联元素(span,a,img，iframe)

3.span标签主要用来给包住文字的，方便设置样式

4.伪类选择器：
    超链接：    a:link(普通)    a:hover(鼠标放上去)    a:active(被点击时)    a:visited(访问过)

   hover和acitve也可以对其他元素使用

5.选择器的优先级:内联>id>class>元素>*>继承来的.

6.！important 该样式获得无穷大优先级(尽量别用)

7.设置右下外边距会改变其他元素的位置,设置左上边距会改变自身的位置

8.垂直外边距的重叠:在网页中,垂直方向的相邻外边距,会发生外边距重叠(取最大值而不是取和)

9.float是一个很有意思的东西，还有文档流的概念，脱离文档流

10.解决高度塌陷的问题:clear最好,在高度塌陷的父元素最后加一个空白的div,设置clear

   .box1:after{
        content:"",
        display:block,
        clear:both,
    }

也可以直接给父元素:overflow:hidden

11.行高与父元素的高度一样,就可以垂直居中

12.表格有意思的一段css

table{
    width: 200px;
    border-collapse: collapse;
}
td{
    border:1px solid black;
}
    隔行换色:
    tr:nth-child(odd){
    background-color: aquamarine;
}
    tr:hover{
        background-color: red;
    }