在网页布局中有时会遇到这种情况： 如果左边用<dt>，右边用<dd>，放在一行显示，<dt>要设置float:left，这个应该都知道，问题是，第一行这样做没有问题，可是第二行就有问题了，代码如下： css: body: 显示结果如下： 与效果图相比，这里应该是缩进去的，左边大类是一列，右边明细又是 ...
分类：
其他好文 时间：
2016-12-06 03:32:08
阅读次数：
209
搬运工 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:m ...
分类：
Web程序 时间：
2016-12-03 18:29:14
阅读次数：
182
一、float 1.当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化 2.清除浮动 （1）clear属性：both、left、right 给受到浮动影响的元素添加 注意：当父级包含块缩成一条时，用clear：both清除浮动无效，他一般用于紧邻后面的元素为之清除浮动 （2）设置宽 ...
分类：
Web程序 时间：
2016-12-03 11:55:13
阅读次数：
242
又是周末了，想着开始我的每周一切（每周做一次从切图到静态网页布局的练习）任务吧，无意间看了看别人的页面，发现——我去，这个动画挺有意思的啊，怎么实现的？然后翻代码+搜索，啊，原来是插件啊~给我的也用上！ animate.css，可实现多种动画功能！ 使用方法见http://www.jq22.com/ ...
分类：
其他好文 时间：
2016-11-26 14:56:21
阅读次数：
123
1 . 样式表 Cascading Style Sheet css优势： 内容与表现分离 网页的表现统一，容易修改 丰富的样式，使网页布局更加灵活 减少网页代码量，增加网页的浏览速度，节省网络带宽 使用独立于网页的CSS，有利于网页被搜索引擎收录 嵌入ID>外部ID>嵌入class>外部class> ...
分类：
Web程序 时间：
2016-11-25 23:21:39
阅读次数：
290
1、div+CSS 使用float属性 2、box-orient制作的上中下，中间分三栏（首栏和底栏宽度值相同，中间栏宽度的值略小于首栏才可以无缝对接） 3、使用了box-flex属性 4、垂直分布 5、常用的网页布局 ...
分类：
其他好文 时间：
2016-11-25 17:40:39
阅读次数：
183
原文转载：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + ...
分类：
其他好文 时间：
2016-11-24 18:28:52
阅读次数：
287
1、分享主要内容 认识html中的常用标签，了解行内元素、块级元素的分类和区别；然后通过一个基本的网页了解前端页面的大致布局以及不同标签（行内元素、块级元素）的使用情况； 2、html中常用标签 (1) 段落标记<p> <p>…</p>定义了一个段的块级标记 <p id=f1>my first pa ...
分类：
Web程序 时间：
2016-11-24 11:17:48
阅读次数：
252
html、javascript、url特殊字符转义在实际编程中都是有用到的，有的人对特殊字符转义的使用不是很清楚，下面就对html，javascript，url特殊字符的转义做一下说明和归纳。 html特殊字符转义 html特殊字符转义的格式规定： 还记得刚学习html那会，做网页布局，需要用到很多 ...
分类：
Web程序 时间：
2016-11-23 16:54:24
阅读次数：
249
在网页布局中，以前只考虑了两列、三列的布局方式，但是没有过多的去考虑在两列、三列布局的情况下实现某些自适应的情况；今天遇到这个问题，在这里mark一下； 方法一：左侧元素浮动或者绝对定位的方式脱离文档流，让两个块级元素能够在同一行显示。然后margin-left的值设置为左侧元素的宽度；在这里利用了 ...
分类：
Web程序 时间：
2016-11-22 11:33:36
阅读次数：
363
