-
2014-02-07
关于CSS Sprite CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载…
http://www.wfuyu.com/htmlcss/6733.html
-
2013-12-04
1、新建一个元素,随便什么元素,不过我习惯性的会用块元素来做。如果行内元素就display:block它。
<div class="triangle"></div>
2、把它的宽高设置为height:0px; width:0px;
3、设置边框border属性,用来实现三角形。
首先要了解border具体是怎么样的,我写了一个这样的样式…
http://www.wfuyu.com/htmlcss/6730.html
-
2014-02-23
Cascading Style Sheets: The Definitive Guide, 2nd Edition is a thorough review of all aspects of CSS2.1 and a comprehensive guide to CSS implementation. The book includes new content on positioning, lists and generated content, table layout, user interface, paged media, and mor…
http://www.wfuyu.com/htmlcss/6689.html
-
2013-10-04
Dreamweaver CS3相对于之前的版本,对于CSS的编写更加规范化了,下面我们来了解一下它的CSS布局规则。 CSS文件的链接方式
·附加链接:外部CSS文件
·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中
CSS规则定义有三种:
1)类比如“.RedText&rd…
http://www.wfuyu.com/htmlcss/6662.html
-
2014-03-07
网(LieHuo.Net)教程 本文主要讲述的是关于CSS配合Table实现一个表格嵌套的效果,该效果常用于模块导航,结构清淅,代码简洁。大家不妨认真研究一下。当然,高手朋友请飘过!代码如下:
<html>
<head>
<title>Css配合Table实现表格嵌套的方法 - 网(LIEHUO.NET)</title>
…
http://www.wfuyu.com/htmlcss/6649.html
-
2014-03-21
在设计网络应用时,您必须决定如何编辑字体。使用CSS时存在大量选项,每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。在开发网络应用时,没有比外观更重要的事情了。所以,如果发现设计人员十分关注字体及字体大小,我不会感到奇怪!
字体大小
CSS2规范根据长度—&…
http://www.wfuyu.com/htmlcss/6631.html
-
2014-02-25
首先我们了解到,CSS网页布局的原理,就是按照HTML代码中对象声明的顺序,以流布局的方式来显示它,而流布局就不得不说到float浮动技术,在HTML中的所有对象,默认分为两种:块元素(block element)、内联元素(inline element),虽然也存在着可变元素,但只是随上下文关系确定该元素是块元素或者…
http://www.wfuyu.com/htmlcss/6627.html
-
2013-11-25
引入css外部文件的两种方法为在html页面通过link,src属性(注意空链接时的陷阱!),再者是通过CSS文件本身通过@import url()引入,虽然这两种方式都可以加载进来CSS文件,可是link和@import也存在着细微的差别。
隶属上的差别
link属于XHTML标签,而@import完全是CSS提供的一种方式。link标签除了…
http://www.wfuyu.com/htmlcss/6624.html
-
2013-10-21
网(LieHuo.Net)教程 以前我们做网页布局时要实现页面水平垂直居中的方法需要用js代码来实现。这样故然是一种好的方法,但是对于js 代码不懂的不熟的朋友来说也是比较困难的。今天我们就来讲一下如何用div+css实现水平垂直局中的呢。请大家先来看一下效果图:
这里我只是截了个图示范一下。
…
http://www.wfuyu.com/htmlcss/6617.html
-
2014-05-26
CSS制作很漂亮的文字滑动效果,请查看运行代码演示!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta…
http://www.wfuyu.com/htmlcss/6613.html