知识点：html标签，css样式（企业样式的活用），html加css布局思维，代码优化。特效原理（class类名活用）
分类：
Web程序 时间：
2018-03-17 15:25:35
阅读次数：
237
知识点：html加CSS布局、html加css布局思维，定位、浮动详解。
分类：
其他好文 时间：
2018-03-16 17:21:03
阅读次数：
116
在看W3school时，看到一个很好的例子，如何制作一个水平的导航栏？没有任何要求，只需要达到下面的效果： 我认为这个例子包含了很多css布局需要了解的知识，因此单独写一下。 W3school上面的方法是这样的——全部设置浮动： 这个涉及到浮动的知识，这里不详述了。但是，还有没有其他方法呢？我想到另 ...
分类：
其他好文 时间：
2018-03-10 15:55:24
阅读次数：
152
居中布局 水平居中 1）使用inline-block+text-align 原理：先将子框由块级元素改变为行内块元素，再通过设置行内块元素居中以达到水平居中。 用法：对子框设置display:inline-block，对父框设置text-align:center。 缺点:child里的文字也会水平居 ...
分类：
Web程序 时间：
2018-03-10 15:48:42
阅读次数：
219
这里就不写这两种布局的内容了 弹性布局链接：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 网格布局链接：https://www.jianshu.com/p/d183265a8dad 小测试： 用 flex 与 grid 实现如下即可 ...
分类：
Web程序 时间：
2018-03-09 01:46:08
阅读次数：
268
您正在学习WEB标准CSS网页布局吗？是不是还不能完全掌握纯CSS布局？通常有两种需要您特别注意: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对 ...
分类：
Web程序 时间：
2018-03-02 18:45:50
阅读次数：
219
一、什么是BFC css布局主要采用盒子模型（BOX），元素的类型和 display 属性，决定了 Box 的类型，常见的盒子类型有两种： block-level box:display 属性为 block, list-item, table 的元素，会生成 block-level box。 inl ...
分类：
其他好文 时间：
2018-03-02 16:13:20
阅读次数：
153
作为网页设计师(前端工程师)，你可能还记得曾经的那个网页大小建议:一个网页（包括HTML、CSS、Javacript、Flash和图片）尽量不要超过30KB的大小，随着互联网的日益庞大，网络带宽也在飞速发展，很多设计师已经不再考虑这条30KB的理想准则。随着越来越受欢迎的CSS布局和Javascri ...
分类：
Web程序 时间：
2018-03-02 15:39:25
阅读次数：
212
一、水平居中： (1). 行内元素的水平居中？ 如果被设置元素为文本、图片等行内元素时，在父元素中设置text-align:center实现行内元素水平居中，将子元素的display设置为inline-block，使子元素变成行内元素 (2）块状元素的水平居中（定宽） 当被设置元素为定宽块级元素时用 ...
分类：
Web程序 时间：
2018-03-01 23:37:13
阅读次数：
298
一、float设计初衷 因为float被设计出来的初衷是用于——文字环绕效果。即，一个图片一段文字，图片float:left之后，文字会环绕图片。 二、float多个特性 2.1. 破坏性 首先大家来看两个demo，如下图。第一个demo是一个简单不过的例子，显示效果也很正常。第二个demo，唯一的 ...
分类：
Web程序 时间：
2018-03-01 00:33:58
阅读次数：
212
