前端开发,HTML5,css3,JavaScript,node.js,vue

浮动的原理是让图片脱离文档流，直接浮在桌面上。我们一般布局的时候都是只设置宽度不设置高度，让内容来自动填充高度。但使用浮动后会让原本填充的高度消失，父元素高度为0，后续添加内容布局会产生混乱,造成高度塌陷,这时候就可以利用清除浮动来解决父元素高度塌陷的问题。解决方法一(clear),解决方法二(overflow:hidden),解决方法三(给父元素添加高度),解决方法四(额外标签法),解决方法五(使用after伪元素清除浮动)

一、常用的选择器1.元素选择器2.类选择器(class选择器)3.id选择器4.通配符选择器二、群组选择器三、关系选择器1.后代选择器2.子代选择器3.相邻兄弟选择器4.通用兄弟选择器5.案例四、属性选择器五、伪类选择器1.常用的伪类选择器2.否定伪类3.元素的伪类六、伪元素选择器

css的三种引入方式,行内样式就是直接把css样式添加在HTML标签中,作为style样式的属性值内嵌式是在HTML中创建一个style标签，把css样式写入style标签内，style标签可以写在HTML中的任何位置，但是我们通常写在head标签里面。外链式是把css样式写入.css文件内，然后通过link标签链接。