ＣＳＳ学习笔记（１）

freewxy

浏览: 342757 次
性别:
来自: 上海

最近访客更多访客>>

zzy7075

王者无敌Java

leoeco2000

clannadas1413

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

J2EE

CSS HTML XML

一、CSS基本语法

1、所有css样式申明都是大小写无关的。（元素、属性名称在HTML中大小写无关，但在XML中对大小写是敏感的）

2、属性值（属性：属性值）

2．1整数和实数：eg：100 5.5

注意：有些整数或者实数类属性值有定义范围，通常它们不允许负值。

2.2长度值

分为：绝对长度值和相对长度值

相对单位有：em、ex和px等。

（1） em的尺寸由font-size属性设计而来。em单位的尺寸为大写英文字母“M”或者“H”的高度。

1> 读取默认的字号大小数值，例如12号

2> 读取相对单位em的数值，例如1.5em

3> 显示18号字体（12pt*1.5=18pt）

（2） ex根据当前默认字体中途小写字母“x”的高度来定义。

比较代码：

<html>

<head>

<title>

em VS　ex

</title>

</head>

<body>

<p style="font-size:1em;">CSS

<p style="font-size:1ex;">CSS

</body>

</html>

（3）px是像素（pixel）的简称，相对于计算机屏幕分辨率而言的。

2.3百分比

2.4URL

完整的URL：传输协议：//域名或者IP/目录1/目录2/…./目录n/文件名

2.5颜色

二、CSS作用于文档的方法

1、三种方法作用于HTML文档：

1>行内定义ＣＳＳ样式属性

2><style>元素统一定义css样式

3>外联css文件定义 <link href=”urlName.css” rel=”stylesheet” type=”text/css”>

三、颜色和背景

1、文本前景色设置color

前景颜色属性定义的部分通常是指页面文本，也就是文字的颜色

2、文档背景色设置background-color

3、文档背景图片选择background-image(背景图片的位置处于背景色的上方和文字的下方)

4、文档背景图片重复方式background-repeat

background-repeat:repeat-x;

background-repeat :repeat-y;

background-repeat:no-repeat;

5、文档背景图片粘连方式background-attachment(:scroll/fixed)

6、文档背景图片显示位置background-position

Eg: background-position:0% 0%(显示背景图片于左上角)

分享到：

eclipse代码提示问题解决方案 | SSH 学习笔记

2011-02-19 23:35
浏览 1257
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论