网页设计中的CSS和JQuery实现鼠标悬浮图片放大效果-泉州网页设计培训班

网页设计中的CSS和JQuery实现鼠标悬浮图片放大效果-泉州网页设计培训班

对于刚刚学习网页前台设计的同学一定对图片的处理非常苦恼,那么这里简单的讲解一下几个图片处理的实例。

以.net为平台,微软的Visual Studio 2013为开发工具,当然前台技术还是采用CSS3和HTML,Java的小伙伴不要绕道~~~

言归正传,那么我们首先要完成什么样的图片处理呢? 阅读更多

网页设计中CSS3的display属性的Flex布局-泉州网页设计培训班

网页设计中CSS3的display属性的Flex布局-泉州网页设计培训班

最近在学习微信小程序,在设计首页布局的时候,新认识了一种布局方式display:flex

1 .container {
2 display: flex;
3 flex-direction: column;
4 align-items: center;
5 background-color: #b3d4db;
6 }
编译之后的效果很明显,界面的布局也很合理,看起来很清晰。那么究竟这个属性是干嘛用的呢? 阅读更多

泉州网页设计培训班-CSS简单清理浮动

泉州网页设计培训班-CSS简单清理浮动

 

清理浮动有很多种方式,像使用 br 标签自带的 clear 属,使用元素的 overflow,使用空标签来设置 clear:both 等等。但考虑到兼容问题和语义化的问题,一般我们都会使用如下代码来清理浮动。

/* 清理浮动 */
.clearfix:after {
visibility:hidden;
display:block;
font-size:0;
content:” “;
clear:both;
height:0;
}
.clearfix {
zoom:1;
} 阅读更多

泉州网页前端UI设计中灵活的overflow

泉州网页前端UI设计中灵活的overflow

说到overflow对于CSSer而言并不会陌生,用来控制内容溢出的现象。而很多时候我们还会使用text-overflow来控制内容溢出的显示。一般是直接截取,另一种是截取之后让文本后面带有三个点的省略号。不过有意思的是,我们今天要说的灵活overflow

再次让我不得不佩服国外的工程师的创新能力。大家可能会说是什么效果呢?又是什么效果才能称得上是灵活的overflow呢?别的不多说,先上一个效果: 阅读更多

web前端开发常用代码整理

web前端开发常用代码整理

IE条件注释

条件注释简介

  1. IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。
    条件注释只能用于IE5以上,IE10以上不支持。
  2. 如果你安装了多个IE,条件注释将会以最高版本的IE为标准。
  3. 条件注释的基本结构和HTML的注释(<!– –>)是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。
  4. IE将会根据if条件来判断是否如解析普通的页面内容一样解析条件注释里的内容。

阅读更多