您当前所在的位置:首页>>平面设计教程>>正文

css 新手上路

文章来源:网络  作者:佚名  更新时间:2004-6-22 13:48:49
从这一节开始我们将要讨论 CSS (Cascading Style Sheet).
中文大概叫试样纸吧. 在我们这个教程中还是把它叫做
CSS 方便点儿.

什么是 CSS 以及它的功能
虽然 CSS 在网页里是和 HTML 在一起的. 但它不算 HTML. 它的使
用可以扩展 HTML 的功能. 使得我们可以重新定义 HTML 元素的显
示方式. CSS 所能改变的性质如下

字体
文字间的空间
列表
颜色
背景
Margin
位置
我们将会在后面的七节里讨论上面的每一个性质的改变. 在这一节
我们给你提供 CSS 的基础.

CSS 的定义 (rules)
CSS 的每一条定义都有如下的形式

  selector {property:value; property:value; ...}
selector: 第一种是 HTML 的 tag, 比如 P, BODY, A 等等.
第二种叫 class, 第三种叫 ID. 你这里先知道有这么三种
具体的咱们以后在谈.
property: 就是那些将要被修改的性质, 比如 color
value: 给 property 的值, 比如给 color 的可以是 red
请看下面的一个典型定义

  A {color: red}
用这条定义所有的联接都变成红色的了. 一般来说我们把所有的
定义全包括在 STYLE 元素里面放到 HEAD 里面. 请试验下面的
网页

<HTML>
<HEAD>
  <STYLE>
    A {color: red}
    P {background-color:blue; color:white}
  </STYLE>
</HEAD>
<BODY>
  <A href="http://www.nease.net/~haidian">动态网页制作</A>
  <P>你注意到这一段文字的颜色和背景颜色了吗?</P> 怎么样?
</BODY>
</HTML>
怎么样? 很简单把. 你只要知道所有可以改动的元素和
它们的性质灵活的运用 CSS 的定义, 你就可以使得你
的网页制作更上一层楼. 下面一节我们将要告诉你其他
两种 selector 以及其他一些基础.
责任编辑:three
转载请注明出处三视觉平面设计在线 请不要修改文字图片链接信息
上一篇文章:巧用CSS滤镜做案文字
下一篇文章:css新手上路
相关设计
CSS应用实例:水平线变成虚线
CSS垂直树形下拉菜单
CSS层叠样式表(滤镜篇)
CSS层叠样式表(效果篇)
CSS层叠样式表(基础篇)
CSS样式表 之 有关表格边框的CSS语法整理
CSS样式表 之 禁止背景在网页中平铺
用CSS创建一个布局居中的页面
在DreamWeaver中应用CSS样式表技巧两则
 
热门设计推荐
Rairbirds系列现代CD设计欣赏
希腊设计机构MG精彩画册设计
土耳其新锐潮流视觉作品精选
麦当劳系列广告创意欣赏
希腊红色创造力创意海报
英国机构ASS高品质商业设计[
Relish美味果类罐头系列瓶贴
个性扑克牌艺术包装
Otsego纸业公司标志应运
谷物食品及方便食品生产商家
墨西哥设计机构behance商业作
国外网页美工版面设计欣赏
医药类宣传平面广告设计
日本设计机构ST精彩作品欣赏
日本ST设计机构时尚化装品包
EVENT PLUS等经典标志作品推
国际独立食品商联盟广告创意
优秀设计师Darcy现代作品欣赏
设计师Sunny综合类包装作品
国际奥林匹克运动会NMAF系列
设计相关广告
精彩推荐