前端html+css

几种css布局方式在QQ邮箱、163邮箱、outlook邮箱的web端和移动端测试结果如下，布局方式分为1、行内样式；2、内联样式。 总体看了，float布局搭配行内样式兼容性最好，也可以直接设置ta

html页面书写是前端最基本的技能了，但很多之前遇到却不太了解作用的地方，今天一起来了解一下html中的一些知识点。

css3增加了许多非常有效的新特性，如css3选择器、阴影（Shadow）、transform等，了解它们对书写css代码非常有帮助，今天一起来了解一下几个比较重要的吧

flex Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。float是浮动布局，是我们css中最常使用的方法。

在做html页面时，最常用的css就有定位和居中，居中包括垂直居中和水平居中。另外还有文本两端对齐方式的设置，包括单行文本和多行文本两端对齐的方式。

今天在工作中用到了@media，感觉对于自适应来说还是非常好用的，顺便总结一下用到的几个切换页面方法。

两者都是选择标签，但是又不完全相同，区别如下 nth-of-type：是当前元素的兄弟元素的第n个。 nth-child：是当前元素的兄弟节点的第n个。

在了解flex布局样式的时候，注意到有flex：1，然后就比较好奇这个到底做了哪些，加上 margin:auto 为何能实现居中，overflow：hidden为何能实现BFC一起总结一下。

产品需求是制作一个页面需要自适应设备并且css样式要同样自适应。本文主要是记录下来这几个需求，并且将解决的方法分享一下。

最近公司给了一份任务，要求写一份页面，自适应设备类型展示页面，因此总结了一下自适应页面制作思路以及js检测设备类型的方法总结，可以参考参考~~~

根据给定的PDF写前端页面，再转化为PDF和原PDF对比，本文记录出现的一些问题及解决办法。最后贴了一个链接，链接是wkhtmltopdf，可以将html转换成PDF。