从基础开始:CSS实用教程(一) |
CSS(Cascading Stylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量。尤其是当你面对的是有数百个网页的站点时,CSS简直象是神对我们的恩赐!^_^
前言
|
从基础开始:CSS实用教程(二) |
七.控制文字的样式
控制文字的样式包括文字大小写、文字修饰两个部分。
1.文字大小写
文字大小写使网页的设计者不用在输入文字时就完成文字的大小写,而可以在输入完毕后,再根据需要对局部的文字设置大小写。 |
从基础开始:CSS实用教程(三) |
十二.控制BOX的样式
样式表规定了一个容器BOX,它将要储存一个对象的所有可操作的样式。包括了对象本身、边框空白、对象边框、对象间隙四个方面。
|
CSS基础学习:样式表CSS简明教程 |
作者:自由勇
样式表CSS在网页中占着极重要的地位,它的使用一直是热门讨论的话题。CSS是Cascading Style Sheet的简写,译为“层叠样式表单”。CSS几乎可以定义所有的网页元素,CSS虽然功能强大,但平时我们用到的是很少的,最常见的有:定义字体大小(用CSS定义的字体大小不会浏览器的字体设置而改变)、去掉超链下划线、超链接变色等等。下面详细、简练地讲如何使 |
网页设计中HTML常范的五个错误 |
1.网页背景色的设置
犯错机率:很大
普遍性:较广
犯错可能性:懒/不知道
约2年前我曾发现21cn上出现过一次没有设置背景色的情况,当时我用Em |
利用CSS创造多彩文字 |
效果:
|
网页设计引入CSS样式的五种方式 |
一、使用STYLE属性 将STYLE属性直接加在个别的元件标签里,<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...} 例如: <TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%> 这种用法的优点 是可灵巧应用样式於各标签中,但是缺点则是没有整 |
用CSS进行网页样式设计攻略全集 |
一.使用css缩写
使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则请参看《常用css缩写语法结见附》,这里就不展开描述。
二.明确定义单位,除非值为0
忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100",但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em。只有两个例外情况 |
两分钟做个xhtml+css的网站首页 |
xhtml+css网站重构web标准等等之类的文章太多了,我就不重复了,发个最简单的制作xhtml+css页面的方法,方法虽然很简单,但真不一定有几个人知道.... 起码google搜索没搜索到。
开始吧:
1、打开photoshop cs2 ,打开设计出的网站首页。用切片工具切好。
|
网页框架和网页框架集如何工作的 |
框架是浏览器窗口中的一个区域,它可以显示与浏览器窗口的其余部分中所显示内容无关的 HTML 文档。框架集 是 HTML 文件,它定义一组框架的布局和属性。
要在浏览器中查看一组框架,请输入框架集文件的 URL;浏览器随后打开要显示在这些框架中的相应文档。通常将一个站点的框架集文件命名为 index.html,以便当访问者未指定文件名时默认显示该名称。
|
CSS里也能写脚本? |
<style type="text/css"> .showCSS{ event:expression( onmouseover = function() { this.style.backgroundColor='#f0f0f0' }, on |
用相对定位和负向移动完成图片象框阴影 |
先看看代码,十分简单:
以下是引用片段: <style> .out { position:relative; background:#bbb; margin:10px auto; width:285px } .in { background:#fff; border:1px sol |
CSS+DIV:让文本字符环绕在你的图片周围 |
看到上面的效果,你也许以为这是一张带文字的图片而已;呵呵,用你的鼠标去选取文字看看,发现了吧,这完完全全是一张图片和文字的组合,下面我就来介绍它是怎么做的。
先看看代码:
以下是引用片段: <div id="info"> <h2>TRACKING YOUR IMAGES</h2> <div id="holdit"> <img src="/imagelist/06/24/4fnpgj50 |
用CSS做滑动效果的图片画廊 |
代码如下: 以下是引用片段: <style> #galleryh { padding:0; margin:0 auto 5em auto; list-style-type:none; overflow:hidden; width:495px; height:240px; border:1px |
用CSS打造可折叠伸缩名片菜单 |
现看看其CSS样式表代码:
|