前言 接触html、和css时间也不短了,但每次用div+css布局的时候心里还是有点儿虚,有时候干脆就直接用table算了,很多时候用div会出现些不可预料的问题,虽然花费一定时间能够解决,但总不是个事,所以今天特地探索了下css+div的绝对定位和相对定位和文档流的关系。文档流的概念 确切的说应...
分类:
Web程序 时间:
2014-08-18 17:59:12
阅读次数:
290
使用纯CSS技术制作导航菜单上的向上箭头图标,不使用图片,用CSS实现,挑战自己的CSS布局水平,最终效果自己满意,如果您对此感兴趣的话,就要好好研究一下CSS代码啦。潜水射流曝气机
分类:
Web程序 时间:
2014-08-16 10:59:10
阅读次数:
187
前几天在微博上看到@winter寒冬的发的几道题,挺有意思, 答来看看。也是对自己最近学的东西的小梳理。以下是题目:谈谈你对CSS布局的理解讲讲输入完网址按下回车,到看到网页这个过程中发生了什么。谈谈你对Web前端组件化的理解,Web Component会带来怎样的影响谈谈你对前端资源下载性能优化的...
CSS文档流与块级元素(block)、内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面。看过O'Reilly的《CSS权威指南》,发现里面提到的文档流概念让我很敏感。 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值...
分类:
Web程序 时间:
2014-08-10 01:38:19
阅读次数:
474
html 边框虚线-html虚线边框设置html 边框虚线实现通过CSS实现不同对象虚线边框样式(音乐沙发)在HTML可以对大部分标签加边框或虚线边框,接下来DIVCSS5会对几个不同标签加虚线边框效果样式,大家可以根据演示扩展灵活掌握与应用到自己DIV+CSS布局中。一、用到CSS样式和HTML标...
分类:
Web程序 时间:
2014-08-07 09:45:19
阅读次数:
493
div css鼠标悬停锚文本超链接文字背景颜色或图片变化(体感音乐)css鼠标悬停超链接文字上时背景改变,鼠标经过文字链接时(悬停),文字的背景图片发生改变(出现背景图片或背景颜色)。鼠标经过悬停在超链接文字上时背景颜色或背景图片出现或改变教程篇。(体感音乐)此DIV CSS布局技巧其实是对a标签做...
分类:
Web程序 时间:
2014-08-05 15:34:09
阅读次数:
330
Css cursor鼠标指针鼠标光标样式教程篇 (体感音乐)我们在DIV CSS布局时候,我们会遇到对对象内鼠标指针光标进行控制,比如鼠标经过指针变为手指形状等样式,接下来我们介绍鼠标指针样式cursor控制。系统默认鼠标指针样式外,可以通过CSS设置图片为鼠标指针,常见有些网站鼠标指针是各种各样小...
分类:
Web程序 时间:
2014-08-01 10:38:41
阅读次数:
282
学了前端挺久了,最近写一个项目测试系统,布局时发现自己对变宽+固宽的布局还没有完全掌握,所以在这里总结一下,以后需要的时候回头看看。...
分类:
Web程序 时间:
2014-07-30 20:53:44
阅读次数:
318
首先引入文件bootstrap-responsive.css bootstrap-responsive.css这个样式表已经为我们针对常用的上网设备做好了相应的响应式设计: 比如: 分辨率宽度1200像素以上的屏幕上,网格的宽度会由60px变为70px,且网格与网格之间的距离由20px...
分类:
其他好文 时间:
2014-07-30 11:45:53
阅读次数:
226
旨在优化不同上网设备中页面显示的优化 响应式布局:就是根据浏览窗口的尺寸,改变页面的变化 原理:利用css的media-queries判断浏览窗口的尺寸,在CSS样式表中设置一些规则! 例如: 在标签中输入如下css3的格式实现: 解读:上面的代码的意思是实现,当浏览窗口尺寸小于767...
分类:
其他好文 时间:
2014-07-30 09:58:13
阅读次数:
205