WEB/CSS - 文章分类 - suvllian

CSS实例（四）照片墙

摘要：用CSS3实现照片墙效果比用JavaScript的确简单很多，而且这个效果在很多地方应用也是很好的。首先是HTML的布局其次是设置CSS，先给container容器添加一些基本的长宽、边距、定位等属性。接下来就是给所有的img标签添加属性。最主要的是transition属性，要注意浏览器的兼阅读全文

posted @ 2016-04-10 00:27 suvllian 阅读(310) 评论(0) 推荐(0)

CSS学习笔记（四）CSS字体属性

摘要：一、字体系列设置：font-family family-name generic-family 用于某个元素的字体族名称或/及类族名称的一个优先表。默认值：取决于浏览器。在 CSS 中，有两种不同类型的字体系列名称：通用字体系列 - 拥有相似外观的字体系统组合（比如 "Serif" 或 "Mo 阅读全文

posted @ 2016-04-09 22:49 suvllian 阅读(171) 评论(0) 推荐(0)

CSS学习笔记（三）display属性

摘要：display 属性规定元素应该生成的框的类型。默认值：inline 我们常用的display属性值有：inline、block、inline-block、none；效果如下：内联对象（inline）给它设置属性height和width是没有用的，致使它变宽变大的原因是内部元素的宽高+paddi 阅读全文

posted @ 2016-04-03 16:41 suvllian 阅读(172) 评论(0) 推荐(0)

CSS学习笔记（二）深入理解line-height

摘要：line-height属性：行高，指的是两行文字基线间的距离 line-height属性的具体定义列表如下： line-height属性的具体定义列表如下：语法： line-height : normal | <实数> | <长度> | <百分比> | inherit 说明：设置元素中行的高度。阅读全文

posted @ 2016-04-03 16:22 suvllian 阅读(178) 评论(0) 推荐(0)

CSS学习笔记（一）深入理解position属性和float属性

摘要：position属性设置元素的定位方式，为要定位的元素定义定位规则。 position属性主要有四种：static、relative、absolute、fixed。 static是默认属性。使得该元素正常表现，即元素处于文档流中它当前的布局位置，top,bottom,right,left,z-ind 阅读全文

posted @ 2016-03-30 23:53 suvllian 阅读(720) 评论(0) 推荐(0)

CSS实例（三）信息排列布局的实现

摘要：在一些网站上，我们经常看到一些信息排列布局。下面就是慕课网的信息排列布局效果图，那么这种布局是怎么实现的呢？下面通过代码示例为大家示范一下。首先是HTML页面的布局。在ul标签中嵌套li标签，每个li标签中又有两个div，div中链接图片，并且添加介绍。当然这是我的例子中的布局，在实际应用中是可以阅读全文

posted @ 2016-03-30 15:36 suvllian 阅读(182) 评论(0) 推荐(0)

CSS实例（二）浅析圣杯布局和双飞翼布局

摘要：很早之前就听说过圣杯布局，但是没有花时间去研究，这次百度前端学院的任务中正好有关于布局的，我就花了些时间研究了一下经典的布局。所谓圣杯布局就是一个三栏式布局，左右两边宽度固定，中间一栏的宽度自适应。首先是基本的HTML代码：第一步：实现基本的布局第二步：设置好每一个div的宽度，添加浮动属性阅读全文

posted @ 2016-03-26 09:02 suvllian 阅读(202) 评论(0) 推荐(0)

CSS实例（一）下拉菜单

摘要：HTML代码： CSS代码：阅读全文

posted @ 2016-03-23 23:19 suvllian 阅读(149) 评论(0) 推荐(0)

文章分类 - WEB/CSS