css 新手上路

css

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

时间: 2024-08-28 20:32:25

css 新手上路的相关文章

css新手上路(5)

css 上一节开始我们讨论 CSS (Cascading Style Sheet) 的基础. 告诉你有三种 Selector. 但只介绍了其中的 HTML selector. 这一节我们把三种都详细介绍给你 HTML selector class selector: ID selector: HTML selectorHTML selector 就是 HTML 的 tags, 比如 P, DIV, TD 等. 如 你用 CSS 定义了它们, 在整页中, 这个 Tag 的性质就按照你 的定义来显示

css新手上路(6)

css 这一节我们讨论如何用 CSS 来控制四周的空格以及边框 的设定 元素周边的空格 margin性质 margin 可被用来决定周边的空格, 假如我们想让整个网页在左边有 5em 但让标题没有任何空格   BODY {margin: 5em}  H3 {margin: -5em}H3 的负值 -5em 抵销了 BODY 5em 的空格. 另外我们还可以分别用 margin-left, margin-right, margin-top, 和 margin-bottom 来设定 左,右,上,下的

EAServer 新手上路----JaguarCts开发者必读

server SyBase EnterPrise Application Server新手上路 Sybase EAServer的文章也有一些,很少提及到开发中的一些细节问题.本人从事JaguarCts开发不久,遇到了许多细节问题,想来刚从事JaguarCts开发者也会遇上,以做参考,另则心中还存有许多问题,故撰此文,起抛砖引玉之效,望JaguarCts高手能释疑,深表感谢. 一.系统配置部分:1. 运行环境:WIN2000 SERVER版,SP2补丁,P3850CPU,PB8.0Beta+EAS

PHP新手上路基础教程目录

基础教程 PHP新手上路基础入门教程目录清单,本教程由网页教学网收集整理希望对初学PHP的朋友有所帮助,当您转载时别忘了加上本站的连接,谢谢! PHP新手上路基础简介 为什么要选择PHP 从一个简单的程序来了解PHP PHP入门之数据类型 建设一个简单交互的网站(一) 用include和require进行模块化,从HTML到PHP 建设一个简单交互的网站(二) 计数器 反馈表单 站内搜索引擎 建设一个简单交互的网站(三) 密码验证 建设一个简单交互的网站(四) 文件上传 建设一个简单交互的网站(

归并排序-新手上路,链表学习中,问题是对功能函数不理解,问题已备注,请帮我在问题处写思路,尤其功能函数,谢谢!

问题描述 新手上路,链表学习中,问题是对功能函数不理解,问题已备注,请帮我在问题处写思路,尤其功能函数,谢谢! //第九章章末习题第10题#include//建立a b两链表包含学号成绩,把两个链表合并升序排列输出.求思路!#include#define LEN sizeof(struct student) struct student{ long num; int score; struct student * next; };struct student listalistb;int nsu

网页-html+css新手,大神们能帮看看这个布局怎么搞么

问题描述 html+css新手,大神们能帮看看这个布局怎么搞么 如图,这是我网页布局的草稿,具体应该怎么搞不太明白.能帮帮我么 解决方案 图片转过来啦 解决方案二: 在中间多加一个div用来装中间的三个div 解决方案三: 解决方案四: 上下两个div,一个float是top,一个bottom,中间那个用absolute的postion,自己用JavaScript去控制它的left和top,以及height,它里面套3个div,自己控制宽度 解决方案五: 中间三个div用浮动就行了 解决方案六:

[新手上路]为什么同样一个sql文件 导入mysql毫无问题但是导入sql2005各种报语法错误

问题描述 [新手上路]为什么同样一个sql文件 导入mysql毫无问题但是导入sql2005各种报语法错误 DROP TABLE IF EXISTS messages; CREATE TABLE messages (id int(11) NOT NULL AUTO_INCREMENT,saver varchar(255) DEFAULT NULL,savetime varchar(255) DEFAULT NULL,content varchar(255) DEFAULT NULL,recont

安卓加速度传感器-[新手上路]安卓?怎么调用加速度传感器的数据

问题描述 [新手上路]安卓?怎么调用加速度传感器的数据 大神们有没有代码包,或者在哪里可以找到类似的程序源代码想要加速度传感器数据进行处理 解决方案 http://blog.sina.com.cn/s/blog_45e6be0801013mzm.html

新手上路

问题描述 请问下在这论坛上面怎么下载东西我看了半天都没看到需要积分下载还是什么的 解决方案 解决方案二:有下载频道,去下载频道去下.有的需要积分,有的不需要积分.下载积分.解决方案三:先后找到下面图中的2个按钮:http://hi.csdn.net/attachment/201111/9/139605_1320815592s41G.jpg解决方案四:飘过哈·解决方案五:新手上路危险啊.解决方案六: 解决方案七:我们一样,呵呵,互相鼓励,共同进步解决方案八:新手上路了,大家让开点,被被碰着啦!快闪