css 新手上路

2016-01-29 12:20 6 1 收藏

css 新手上路,css 新手上路

【 tulaoshi.com - Html 】

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

来源:http://www.tulaoshi.com/n/20160129/1485688.html

延伸阅读
标签: PHP
  建设一个简单交互的网站(六) 9. 简易banner动态更替   不知大家有没有发现各大站点上的标头广告banner,我们每次访问这些站点时,都会看到不同的广告图标,或者如果你每次刷新页面时,这些广告banner就会不断地随机更替变换。要实现这种效果虽然用javascript也可以达到(象天极网站的动态变换广告banner就是通过调用ja...
标签: Web开发
简介 PHP是一种易于学习和使用的服务器端脚本语言。只需要很少的编程知识你就能使用PHP建立一个真正交互的WEB站点。本教程并不想让你完全了解这种语言,只是能使你尽快加入开发动态web站点的行列。我假定你有一些HTML(或者HTML编辑器)的基本知识和一些编程思想。 1.简介 PHP是能让你生成动态网页的工具之一。PHP代表:超...
标签: Web开发
使用PHP来操作Oracle数据库 11. 数据库连接 在上一节里,我们已经介绍了PHP与MySQL数据库的一些基本操作知识,在互联网中有关PHP与MySQL的教程也最多。MySQL是免费的,这一点也许就吸引了不少人。由于其广泛应用,我就不想在这里赘述MySQL的使用方法了。Oracle被大量在企业应用中采用,因此我们就利用Oracle来进一步介绍PHP与...
标签: Web开发
建设一个简单交互的网站(六) 9. 简易banner动态更替 不知大家有没有发现各大站点上的标头广告banner,我们每次访问这些站点时,都会看到不同的广告图标,或者如果你每次刷新页面时,这些广告banner就会不断地随机更替变换。要实现这种效果虽然用javascript也可以达到(象天极网站的动态变换广告banner就是通过调用javascript来...
标签: PHP
  PHP资源 12. PHP资源 你可以通过web上的众多资源更多的了解PHP3。许多邮件列表和书籍对你都非常有用。   12.1 站点 PHP的爆炸性流行使得一夜之间出现了很多基于PHP的站点,其中不少站点有在线教程、范例代码、技巧和提示等内容。 国内   http://www.phpuser.com/ - PHP中文用户,也就是这里了&nbs...

经验教程

858

收藏

75
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部