转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
CSS基础         ★★★★

CSS基础

作者:闵涛 文章来源:闵涛的学习笔记 点击数:591 更新时间:2009/4/23 13:47:27


从这一节开始我们将要讨论 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 以及其他一些基础.

 

  《DHTML Builder》 Jie/文



没有相关教程
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台