m0_56713342的博客

针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、 交互等改进和追加功能达到更好的用户体验。一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。

/消除行内块元素三像素问题。margin-left:-（自身宽度的一半）;margin-top:-(自身高度的一半）;将父元素设置为display:flex;来设置元素的垂直水平居中。将父元素设置为相对定位。将父元素设置为相对定位。将父元素设置为相对定位。子元素的宽高自己设置。

BFC是元素自带的一个属性，默认是关闭的状态，一旦开启了，这个元素就会成为一个独立区块。3、开启BFC的元素，会包含住浮动元素，可以解决高度塌陷问题。可以解决高度塌陷问题，但宽度会丢失，且页面布局依然影响。可以解决高度塌陷问题，但宽度会丢失，且页面布局依然影响。具有一些特点，这些特点，可以帮助我们解决一些问题。可以解决高度塌陷，但宽度会丢失，且有三像素问题。1、开启BFC的元素，垂直方向外边距不会重叠。2、开启BFC的元素，不会被浮动元素覆盖。2、将元素转成行内块。副作用最小，建议使用。

【代码】html和css写去哪儿导航条。

【代码】html和css写淘宝的快速导航条。

彩妆热卖产品列表。

【代码】html和css写QQ会员页面导航。

【代码】html和css实现hover图片上浮效果。

将一个内容放在页面合适的位置，需要考虑到这个内容大小，位置，形状，就相当于，买一个家具css将所有内容的形状统一成矩形，然后只需要考虑内容大小。

⼀、Flex 布局是什么？flex( Flexible Box 弹性盒⼦，伸缩盒)是css中的⼜⼀种布局⼿段，它主要⽤来代替浮动来完成⻚⾯的布局 ，flex可以使元素具有弹性，让元素可以根据⻚⾯的⼤⼩的改变⽽改变弹性容器-要使⽤弹性盒，必须先将⼀个元素设置为弹性容器-通过display来设置弹性容器display:flex 设置块级弹性容器display:inline-flex 设置为⾏内的弹性容器弹性元素-弹性容器的直接⼦元素是弹性元素（弹性项）

CSS 定位 (Positioning) 属性允许你对元素进行定位。CSS 定位和浮动 CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。position样式设置定位可选值：static 默认值，不开启定位relative 开启相对定位absolute 开启绝对定位。

CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。将一个内容放在页面合适的位置，需要考虑到这个内容大小，位置，形状， css将所有内容的形状统一成矩形，然后只需要考虑内容大小。

外部样式表是在html文件的外面新建一个.css文件，在css文件内，选中对应的内容，写css样式， 通过在html文件head标签写link标签，引入对应的css文件， 或在style标签内，@import url ( 文件名 .css );伪类是选择器的一种，它用于选择处于特定状态的元素，比如当它们是这一类型的第一个元素时，或者是当鼠标指针悬浮在元素上面的时候。CSS并集选择器也叫群选择器，是由多个选择器通过逗号连接在一起的，这些选择器分别是：标签选择器、类选择器或id选择器等。