在线建站培训
网站模板 网页制作DIV+CSS教程
DIV+CSS教程
CSS3网格流布局:网格的流动
HTML文档中有文档流,其实在css Grid Layout中有网格流。简单点理解就是,在一个被显式声明为网格的容器中,其所有子元素自动被认定为网格单元格,而这些网格单元格在没有被显式设置明确位置时,浏览器将会自动为这些 ...
2017-2-12 08:52
CSS3网格布局:独立源与网格的层叠顺序
关于css Grid Layout中的独立源与网格层叠顺序。 浏览器渲染原理 Web在浏览器中的渲染是非常复杂的,如果需要整明白浏览器是如何渲染Web页面,那需要对浏览器的渲染原理有足够的了解。如果你不了解浏览器是如何渲染 ...
2017-2-12 08:52
CSS3网格布局教程:网格区域
探讨css Grid Layout中grid-area其他的功能与使用。 网格区域的概念 网格区域(grid-area)是一个逻辑空间,主要用来放置一个或多个网格单元格(Grid Cell)。他是由四条网格线(Grid line),网格区域每边一条,四边相 ...
2017-2-12 08:52
css3不同型号手机浏览器兼容一览表
搜集了css3对不同系统手机浏览器的支持情况(ios/android/winphone)备份一下以便查看. 以下资料由微信产品部"白树"整理, 转载请注明. :完全支持 :部分支持 ×:不支持 (-webkit):添加-webkit前缀才支 ...
2017-2-12 08:52
CSS媒体查询 好多你多不知道有什么用
媒体查询能使我们根据设备的各种功能特性来设定相应的样式。 如下面代码: view plaincopy 引用某一样式表。主要看media属性。 首先,媒体查询表达式询问了媒体类型(你是一块显示屏吗 ...
2017-2-12 08:52
天气显示动画 以css3 transition动画基础
天气显示的动画。其中用到了css3 transition 动画基础。W3C标准规定:“css的transition允许css的属性值在一定的时间内从一个状态平滑的过渡到另一个状态。这种状态可以在鼠标单击、获得焦点、被点击或对元素任何改变 ...
2017-1-20 16:43
Chrome浏览器中文版不支持12px以下字体的解决方案
中文版Chrome浏览器不支持12px以下字体的解决方案。 Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px,英文版则没有限制,主要是因为chrome认为汉字小于12px就会增加识别难度,尤其是中文常用的宋 ...
2017-1-20 16:43
css设置图片自适应大小以适应手机浏览器代码
手机页面不像pc网站, 尽可能避免使用js脚本, 以避免不同的手机浏览器出现"水土不服". 手机浏览器(移动站点)图片自适应的css代码: img{max-width: 100%;height: auto;width: auto9;} 用max-width设置如 ...
2017-1-20 16:43
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