在线建站培训
网站模板 网页制作DIV+CSS教程
DIV+CSS教程
DIV+css布局技巧:CSS中id与class使用原则
  id与class的使用原则,讨论过很多DIV css布局的技巧,再谈id与class的使用原则,把自己平时做站时的经验给大家简要讲述一下,希望能够对您有所帮助。   DIV CSS实战:再谈id与class的使用原则   在前面的文 ...
2017-1-12 17:21
【CSS派生选择器】的概念和【CSS派生选择器】的使用
css派生选择器的概念和使用,通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁,在CSS1中,通过这种方式来应用规则的选择器被称为上下文选择器,而在CSS2中,它们称为CSS派生选择器。   CSS派生 ...
2017-1-12 17:21
12个CSS工具和教程实现漂亮网页字体效果
分享12个非常有用的css工具和教程,帮助你在网页中实现漂亮的字体效果。 工具 CSS Type Set Typetester Typechart 教程 Typographic Contrast and Flow HTML" target="_blank"style="tex ...
2017-1-12 17:21
CSS解决隐藏图片超出撑破宽度方法和图片过大撑破DIV网页方法
介绍几种解决图片撑破撑开网页DIV层方法。 图片撑破宽度解决方法、css设置div层宽度图片大于设置div宽度后撑破div固定宽度解决方法方案,隐藏图片超出撑破宽度方法。 一、防止图片撑破DIV方法一 原始处理方法是 ...
2017-1-12 17:21
DIV置底层或置最高层的方法及下拉菜单被挡住解决之法
网站常会用到一些 下拉菜单,,幻灯片,,,飘浮广告等。 但经常会发现。幻灯片会挡住下拉菜单或者飘浮广告等。解决办法有下 第一,可将幻灯片所在DIV 置于最底层。添加css如下 style="z-index:-100;position: ...
2017-1-4 09:01
ie浏览器下A标签锚链接失效问题
由于js脚本在ie兼容模式下会出错,所以在HTML里加入了:,意思是在用ie8引擎来渲染页面,这样ie就不会再显示兼容模式按钮了。 结果在测试时发现,ie浏览器里的锚链接却失效了,而且并非全部失效,有的可以有的不行, ...
2017-1-4 09:01
CSS教程:text-overflow:ellipsis溢出文本显示省略号
text-overflow是一个比较特殊的属性,在css手册中,这个属性是这样定义的:   语法:   text-overflow : clip | ellipsis   参数:   clip :  不显示省略标记(...),而是简单的裁切   (clip这个参 ...
2017-1-4 09:01
CSS3教程:实现透明边框的代码
写项目的时候,经常性的会遇到弹出层的效果。UI的同学效果做的还挺漂亮的,类似截图如下 就是半透明的边框。汗,前端的同事想到的方案是 做个10*10的png24的半透明图片,然后作为背景平铺(让外层盒子的内边距 = ...
2017-1-3 20:53
兼容所有浏览器的CSS网站哀悼变灰代码变暗代码
css代码可以把网站的网页变为黑白,只需将代码加到CSS文件或网页最顶端就可以实现素装。 如何将网站变成灰色调呢,网站变灰色方法是什么?有哪些?为了方便大家查看,特整理下出个网站变灰色/黑白色代码方法的大集合 ...
2017-1-3 20:53
CSS3动画属性教程:Transition详解
W3C标准中对css3-roadmap/" target="_blank">css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中 ...
2017-1-2 19:24
css教程:CSS实现背景透明文字不透明
设置元素的透明度: -moz-opacity:0.8; /*在Firefox中设置元素透明度 filter: alpha(opacity=80); /*ie使用滤镜设置透明 但是当我们对一个标签设置背景的透明度时,往往我们并不希望该标签上的文字图片也变成 ...
2017-1-2 19:24
CSS教程:CSS如何解决IE浏览器兼容性问题
一、!important (功能有限) 随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.) 例如: #example { width: 100px !important; /* IE7+FF */ widt ...
2017-1-2 19:24
CSS3教程:使用 RGBA实现弹出层透明边框
弹出层的效果。UI的同学效果做的还挺漂亮的,类似截图如下 就是半透明的边框。汗,前端的同事想到的方案是 做个10*10的png24的半透明图片,然后作为背景平铺(让外层盒子的内边距 = 弹出层边框的宽度)这样能模拟 ...
2017-1-1 12:08
FontAwesome 4.1.0 完整439个图标样式CSS参考
4.1新加入的71种图标 fa-automobile (别称) fa-bank (别称) fa-behance fa-behance-square fa-bomb fa-building fa-cab (别称) fa-car fa-child fa-circle-o-notch fa-circle-thin fa-codepen fa-cube ...
2017-1-1 12:08
使用Font Awesome替换你的网站图标
同事分享了一个用字体代替图片做网站图标的资源,在此非常感谢! Font Awesome,原只为bootstrap而设计的字体图标,不过,现在你可以单独用它来为你的网站工作。丢掉图片图标吧,跟我一起来用Font Awesome。 Fon ...
2017-1-1 12:08