CSS学习笔记(1)

一、CSS基本语法

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

2、  属性值(属性:属性值)

21整数和实数:eg100    5.5

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

2.2长度值

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

相对单位有:emexpx等。

(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>

3px是像素(pixel)的简称,相对于计算机屏幕分辨率而言的。

2.3百分比

2.4URL

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

2.5颜色

二、CSS作用于文档的方法

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

1>行内定义CSS样式属性

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%(显示背景图片于左上角)

你可能感兴趣的:(html,xml,css)